fix: visual fixes

metrotranscom · Mar 13, 2024 · e65cfd2 · e65cfd2
1 parent 87a4a6f
commit e65cfd2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/doorway-ui-components/src/headers/SiteHeader.scss b/doorway-ui-components/src/headers/SiteHeader.scss
@@ -215,7 +215,7 @@
 
 .site-header__base-wrapped {
   margin-top: 0.2rem;
-  margin-bottom: var(--bloom-s12);
+  margin-bottom: var(--bloom-s24);
   padding-left: 0;
 }
 

diff --git a/doorway-ui-components/src/headers/SiteHeader.tsx b/doorway-ui-components/src/headers/SiteHeader.tsx
@@ -63,7 +63,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
     const logoOffset = document.getElementById("site-header-logo")?.offsetLeft
     const linksOffset = document.getElementById("site-header-links")?.offsetLeft
     if (linksOffset === undefined || logoOffset === undefined) return
-    return linksOffset === 0
+    return linksOffset === 0 || linksOffset === logoOffset
       ? setNavbarClass("site-header__navbar-wrapped")
       : setNavbarClass("site-header__navbar-inline")
   }
@@ -73,6 +73,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
   const DESKTOP_MIN_WIDTH = props.desktopMinWidth || 767 // @screen md
   // Enables toggling off navbar links when entering mobile
   useLayoutEffect(() => {
+    console.log("useLayoutEffect")
     const updateMedia = () => {
       if (window.innerWidth > DESKTOP_MIN_WIDTH) {
         setIsDesktop(true)