🎨 a little more spacing on page-content var and other small fixes #2300…

… (#2335) * 🎨 a little more spacing on page-content var * 🎨 update focus styling on old breadcrumbs
equinor · May 28, 2024 · 9c92c1f · 9c92c1f
1 parent c729715
commit 9c92c1f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/web/lib/hooks/useConsent.ts b/web/lib/hooks/useConsent.ts
@@ -7,9 +7,9 @@ const getConsentState = (consentType: ConsentType): boolean => {
   if (typeof window !== 'undefined') {
     switch (consentType) {
       case 'statistics':
-        return window.Cookiebot.consent.statistics
+        return window.Cookiebot?.consent.statistics
       case 'marketing':
-        return window.Cookiebot.consent.marketing
+        return window.Cookiebot?.consent.marketing
       default:
         return false
     }

diff --git a/web/pageComponents/pageTemplates/shared/SharedPageContent.tsx b/web/pageComponents/pageTemplates/shared/SharedPageContent.tsx
@@ -155,7 +155,7 @@ const applyPaddingTopIfApplicable = (currentComponent: ComponentProps, prevCompo
     (currentIsWhiteColorBackground && previousIsColorContainerAndNotWhite) ||
     previousComponentIsASpecialCaseAndNeedPT
   ) {
-    return 'pt-16'
+    return 'pt-20'
   }
   return ''
 }

diff --git a/web/pageComponents/topicPages/Breadcrumbs.tsx b/web/pageComponents/topicPages/Breadcrumbs.tsx
@@ -74,7 +74,11 @@ export const Breadcrumbs = ({
           return (
             <BreadcrumbsListItem key={item.slug}>
               {shouldLink ? (
-                <NextLink href={item.slug} prefetch={false} className="hover:underline no-underline">
+                <NextLink
+                  href={item.slug}
+                  prefetch={false}
+                  className="hover:underline no-underline focus:outline-none focus-visible:envis-outline dark:focus-visible:envis-outline-invert underline-offset-4"
+                >
                   {label}
                 </NextLink>
               ) : (

diff --git a/web/tailwind.config.cjs b/web/tailwind.config.cjs
@@ -250,7 +250,7 @@ module.exports = {
         'layout-sm': 'clamp(16px, calc(-38.3689px + 14.4984vw), 250px)',
         'layout-md': 'clamp(16px, calc(-69.4369px + 22.7832vw), 368px)',
         'layout-lg': 'clamp(16px, calc(-101.4757px + 31.3269vw), 500px)',
-        'page-content': 'theme(spacing.16)',
+        'page-content': 'theme(spacing.20)',
       },
       //https://www.joshwcomeau.com/css/designing-shadows/
       boxShadow: {},
@@ -262,7 +262,7 @@ module.exports = {
         'layout-sm': 'clamp(16px, calc(-38.3689px + 14.4984vw), 250px)',
         'layout-md': 'clamp(16px, calc(-69.4369px + 22.7832vw), 368px)',
         'layout-lg': 'clamp(16px, calc(-101.4757px + 31.3269vw), 500px)',
-        'page-content': 'theme(spacing.16)',
+        'page-content': 'theme(spacing.20)',
       },
       keyframes: {
         reveal: {