sticky

colonial-heritage · Jun 27, 2024 · 5dcbe89 · 5dcbe89
1 parent c4362c3
commit 5dcbe89
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/apps/researcher/src/app/[locale]/objects/[id]/metadata.tsx b/apps/researcher/src/app/[locale]/objects/[id]/metadata.tsx
@@ -34,7 +34,7 @@ export function Metadata({
     <div className="flex flex-col gap-4">
       <div className="flex flex-col xl:flex-row gap-2 xl:gap-10">
         <div className="w-full xl:w-1/5 border-t border-neutral-400 pt-4">
-          <div className="sticky top-0 py-1">
+          <div className="sticky top-6 py-1">
             <h3 className="text-lg w-full my-1 flex items-center" tabIndex={0}>
               {t(translationKey)}
             </h3>

diff --git a/apps/researcher/src/app/[locale]/objects/[id]/page.tsx b/apps/researcher/src/app/[locale]/objects/[id]/page.tsx
@@ -128,10 +128,10 @@ export default async function Details({params}: Props) {
         </div>
         <div className="w-full bg-consortium-blue-800 text-consortium-blue-100 sticky top-0 z-30 text-xs shadow-lg border-t border-consortium-blue-600">
           <div className="px-4 sm:px-10 max-w-[1800px] mx-auto flex justify-between items-center">
-            <div className="w-auto lg:flex lg:justify-end relative py-2 ">
-              <button className="peer lg:hidden p-2 w-8">V</button>
+            <div className="w-auto sm:flex lg:justify-end relative py-2 ">
+              <button className="peer sm:hidden p-2 w-8">V</button>
 
-              <div className="hidden peer-hover:flex hover:flex w-[200px] lg:w-auto flex-col lg:flex lg:flex-row gap-3 absolute lg:relative left-0 bg-consortium-blue-800 p-2 lg:p-0">
+              <div className="hidden peer-hover:flex hover:flex w-[200px] sm:w-auto flex-col sm:flex sm:flex-row gap-3 absolute sm:relative left-0 bg-consortium-blue-800 p-2 sm:p-0">
                 <a className="whitespace-nowrap no-underline" href="#metadata">
                   Metadata
                 </a>
@@ -265,7 +265,7 @@ export default async function Details({params}: Props) {
           <div className="w-full">
             <div className="mx-auto px-4 sm:px-10 max-w-[1800px]">
               <div className="mt-10" id="provider">
-                <h2 className="text-xl mt-4" tabIndex={0}>
+                <h2 className="text-xl mt-4" tabIndex={0} id="dataprovider">
                   {t('dataProviderTitle')}
                 </h2>
                 <div className="flex flex-col md:flex-row mt-4">