add visibility to mobile and desktop titleblock css

cultureamp · Dec 11, 2024 · e3f6560 · e3f6560
1 parent 6dc686a
commit e3f6560
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/components/src/TitleBlockZen/subcomponents/MainActions.module.scss b/packages/components/src/TitleBlockZen/subcomponents/MainActions.module.scss
@@ -12,5 +12,6 @@
 
   @include title-block-small {
     display: none;
+    visibility: hidden;
   }
 }
diff --git a/packages/components/src/TitleBlockZen/subcomponents/MobileActions.module.scss b/packages/components/src/TitleBlockZen/subcomponents/MobileActions.module.scss
@@ -17,6 +17,8 @@ $slide-up-duration: 0.4s;
 /* stylelint-disable no-descending-specificity */
 .mobileActionsContainer {
   display: none;
+  // This is a bit of a monkey patch that's a potential solution the that may solve the ci issue that may be a issue with Jest-DOM
+  visibility: hidden;
   z-index: $ca-z-index-fixed;
   flex-direction: column;
   position: fixed;
@@ -42,6 +44,7 @@ $slide-up-duration: 0.4s;
 
   @include title-block-small {
     display: flex;
+    visibility: visible;
   }
 }