♻️ Changes after review #2736

equinor · Jan 22, 2025 · 9047f92 · 9047f92
1 parent 89cc1aa
commit 9047f92
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 7 deletions.
diff --git a/sanityv3/schemas/documents/page.ts b/sanityv3/schemas/documents/page.ts
@@ -6,6 +6,7 @@ import sharedHeroFields from './header/sharedHeaderFields'
 import { EdsIcon } from '../../icons'
 import { paste } from '@equinor/eds-icons'
 import { lang } from './langField'
+import { description } from '../objects/iframe/sharedIframeFields'
 
 export default {
   type: 'document',
@@ -26,6 +27,14 @@ export default {
         collapsed: true,
       },
     },
+    {
+      title: 'Sticky Menu',
+      name: 'stickymenu',
+      options: {
+        collapsible: true,
+        collaped: true,
+      },
+    },
   ],
   fields: [
     lang,
@@ -46,6 +55,7 @@ export default {
       name: 'stickyMenu',
       title: 'Sticky Menu',
       type: 'stickyMenu',
+      fieldset: 'stickymenu',
     },
     ...sharedHeroFields,
     {

diff --git a/web/core/Link/StickyMenuLink.tsx b/web/core/Link/StickyMenuLink.tsx
@@ -39,16 +39,15 @@ export const StickyMenuLink = forwardRef<HTMLAnchorElement, StickMenuLinkProps>(
         <TransformableIcon
           iconData={arrow_down}
           className="text-energy-red-100
-    dark:text-white-100 h-[22px] border-energy-red-100 border-b-[2px]
-    ml-2"
+    dark:text-white-100 h-[22px] border-energy-red-100 border-b-[2px] ml-4"
         />
       )}
       {!isDownloadable && (
         <TransformableIcon
           iconData={arrow_down}
           className="text-energy-red-100
     dark:text-white-100
-    ml-2"
+    ml-4"
         />
       )}
     </BaseLink>

diff --git a/web/lib/queries/common/stickyMenu.ts b/web/lib/queries/common/stickyMenu.ts
@@ -8,6 +8,7 @@ content->stickyMenu{
 "links": links[]{
    ${downloadableFileFields},
   ${anchorLinkReferenceFields}
-}
+},
+"background": coalesce(backgroundColor.key, 'white-100'),
 }
 `
diff --git a/web/pageComponents/shared/Header.tsx b/web/pageComponents/shared/Header.tsx
@@ -154,14 +154,15 @@ const Header = ({ slugs, menuData, stickyMenuData }: HeaderProps) => {
           </Topbar.InnerContainer>
         </Topbar>
         {stickyMenuData && (
-          <div className="w-full items-center bg-moss-green-50 p-4 grid grid-cols-2 lg:grid-cols-5 gap-2 lg:px-16 lg:gap-16 shadow-top-bar z-40">
-            <div className="text-center font-bold lg:col-span-3 text-md col-span-2"> {stickyMenuData?.title}</div>
+          <div
+            className={`hidden lg:grid w-full items-center bg-${stickyMenuData.background} p-4 grid-cols-2 lg:grid-cols-5 gap-2 lg:px-16 lg:gap-16 shadow-top-bar z-40`}
+          >
+            <div className="text-center font-medium lg:col-span-3 text-md col-span-2"> {stickyMenuData?.title}</div>
             <StickyMenuLink className="mr-4 place-self-end self-center" href={`#${anchorReference?.anchorReference}`}>
               {anchorReference?.title}
             </StickyMenuLink>
             {resourceLink && (
               <StickyMenuLink href={resourceLink.href} isDownloadable>
-                {' '}
                 {resourceLink.label}
               </StickyMenuLink>
             )}

diff --git a/web/types/types.ts b/web/types/types.ts
@@ -489,4 +489,5 @@ export type StickyMenuData = {
   type: 'stickyMenu'
   title: string
   links: StickyMenuLinkType[]
+  background: string
 }