fix: Breadcrumb dropdown items have same color on mouse or keyboard i…

…nteraction (#3288) Co-authored-by: Johannes Weber <[email protected]>
cloudscape-design · Feb 13, 2025 · e389b28 · e389b28
1 parent 2966baa
commit e389b28
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/button-dropdown/item-element/index.tsx b/src/button-dropdown/item-element/index.tsx
@@ -114,6 +114,7 @@ function MenuItem({ item, disabled, highlighted, linkStyle }: MenuItemProps) {
       styles['menu-item'],
       analyticsLabels['menu-item'],
       linkStyle && styles['link-style'],
+      linkStyle && highlighted && styles['link-style-highlighted'],
       isCurrentBreadcrumb && styles['current-breadcrumb']
     ),
     'aria-current': isCurrentBreadcrumb,

diff --git a/src/button-dropdown/item-element/styles.scss b/src/button-dropdown/item-element/styles.scss
@@ -70,6 +70,10 @@
       font-weight: styles.$font-weight-bold;
       text-decoration: none;
     }
+
+    &.link-style-highlighted {
+      color: awsui.$color-text-link-hover;
+    }
   }
 
   &:focus {