navmenu safari fixes css

TheBigSasha · May 6, 2024 · da217ab · da217ab
1 parent 3547f61
commit da217ab
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/lib/components/organisms/navmenu/navmenu.module.scss b/src/lib/components/organisms/navmenu/navmenu.module.scss
@@ -461,10 +461,11 @@
   transition: all 0.3s ease-out;
   opacity: 0;
   height: 0;
+  margin-block-start: 0;
+  margin-block-end: 0;
   padding: 0;
   font-size: 0;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin: 0;
   overflow: hidden;
   font-size: 0;
 }
@@ -508,7 +509,7 @@
     & ~ * .tbsui_ssr_header_item_expanded {
       opacity: 1;
       font-size: var(--navmeu_header_expanded_font_size);
-      height: auto;
+      height: unset;
     }
 
     & ~ * .tbsui_ssr_header_item_collapsed {
@@ -520,7 +521,7 @@
 }
 
 .tbsui_ssr_header_item {
-  height: 100%;
+  height: auto;
   display: flex;
   align-items: center;
   flex-direction: column;

diff --git a/src/lib/components/organisms/navmenu/responsivenavmenu.stories.tsx b/src/lib/components/organisms/navmenu/responsivenavmenu.stories.tsx
@@ -57,9 +57,7 @@ NoCategories.args = {
   headerItem: (
     <>
       <p style={{ margin: 'auto', fontSize: '100%' }}>
-        <p style={{ margin: 'auto' }} className={NAVMENU_HEADER_ITEM_CLASS_EXPANDED}>
-          Expanded
-        </p>
+        <p className={NAVMENU_HEADER_ITEM_CLASS_EXPANDED}>Expanded</p>
         Header
         <span className={NAVMENU_HEADER_ITEM_CLASS_COLLAPSED}> Small</span>
       </p>