HPC-9276: Show megamenu bottom border also on small screens

UN-OCHA · Nov 23, 2023 · c4ae8dd · c4ae8dd
1 parent 5334553
commit c4ae8dd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/html/themes/custom/common_design_subtheme/components/gho-story/gho-story.css b/html/themes/custom/common_design_subtheme/components/gho-story/gho-story.css
@@ -58,10 +58,10 @@
   position: relative;
 }
 .gho-story .media-caption {
-  padding: 1rem 0 0.5rem 0;
   margin-bottom: 0.5rem;
-  border-bottom: 1px solid #fff;
+  padding: 1rem 0 0.5rem 0;
   color: #fff;
+  border-bottom: 1px solid #fff;
   font-size: 0.75rem;
 }
 @media (min-width: 768px) {

diff --git a/html/themes/custom/common_design_subtheme/css/styles.css b/html/themes/custom/common_design_subtheme/css/styles.css
diff --git a/html/themes/custom/common_design_subtheme/sass/ghi/components/_entity-navigation.scss b/html/themes/custom/common_design_subtheme/sass/ghi/components/_entity-navigation.scss
@@ -204,10 +204,8 @@ ul.links--entity-navigation {
           }
         }
 
-        @include tablet {
-          &.megamenu > div[data-cd-hidden=false] {
-            border-bottom: 2px solid var(--ghi-yellow);
-          }
+        &.megamenu > div[data-cd-hidden=false] {
+          border-bottom: 2px solid var(--ghi-yellow);
         }
 
         @include tablet {