fix(navigation-logo): no longer changes icon color when href is par…

…sed (#8830) **Related Issue:** #8482 ## Summary Fixes change of icon color in `navigation-logo` when `href` attribute is parsed.
Esri · Feb 23, 2024 · 16d456f · 16d456f
1 parent 75dba9b
commit 16d456f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/calcite-components/src/components/navigation-logo/navigation-logo.scss b/packages/calcite-components/src/components/navigation-logo/navigation-logo.scss
@@ -12,6 +12,7 @@
     focus-base
     no-underline
     text-0h;
+  color: inherit;
   border-block-end: 2px solid transparent;
 }
 

diff --git a/packages/calcite-components/src/components/navigation-logo/navigation-logo.stories.ts b/packages/calcite-components/src/components/navigation-logo/navigation-logo.stories.ts
@@ -61,3 +61,17 @@ export const slottedInNav_TestOnly = (): string => html`
     />
   </calcite-navigation>
 `;
+
+export const withHref_TestOnly = (): string => html`
+  <calcite-navigation>
+    <calcite-navigation-logo
+      slot="logo"
+      heading="A view of the estuary"
+      icon="globe"
+      href="https://www.esri.com"
+      target="_blank"
+      description="20 years of change where the river meets the sea"
+    >
+    </calcite-navigation-logo>
+  </calcite-navigation>
+`;