[MWPW-140401] Adapt nav gradient link styles (#1648)

adobecom · Dec 13, 2023 · b265fd9 · b265fd9
1 parent 4aef126
commit b265fd9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/libs/blocks/global-navigation/base.css b/libs/blocks/global-navigation/base.css
@@ -97,6 +97,10 @@
   left: 18px;
 }
 
+.feds-navLink[class *= '-gradient'] {
+  display: none;
+}
+
 .feds-navLink-image,
 .feds-navLink-description {
   display: none;
@@ -216,13 +220,24 @@
 
   /* Nav Link special styles for A/B test */
   .feds-navLink[class *= '-gradient'] {
+    display: flex;
     border-radius: 4px;
   }
 
+  .feds-menu-column--group .feds-navLink[class *= '-gradient'] {
+    padding-left: 8px;
+    padding-right: 8px;
+    column-gap: 8px;
+  }
+
   .feds-navLink[class *= '-gradient']:not(:first-child) {
     margin-top: 12px;
   }
 
+  .feds-menu-column--group .feds-navLink[class *= '-gradient'] picture {
+    max-width: 18px;
+  }
+
   .feds-navLink[class *= '-gradient'] .feds-navLink-title {
     column-gap: 4px;
   }

diff --git a/libs/blocks/global-navigation/utilities/menu/menu.css b/libs/blocks/global-navigation/utilities/menu/menu.css
@@ -124,6 +124,11 @@
     margin-bottom: 12px;
   }
 
+  .feds-menu-column--group .feds-menu-headline {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
   .feds-menu-headline:after {
     content: none;
   }