chore(ui): use color icon token for header components (ENG-58153)

bluecatengineering · Dec 12, 2024 · 1831a45 · 1831a45
1 parent df48c1e
commit 1831a45
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/src/header/AppShellIcon.less b/src/header/AppShellIcon.less
@@ -21,7 +21,7 @@
 @import '~@bluecateng/pelagos/less/spacing';
 
 .AppShellIcon {
-    color: var(--icon-on-color);
+    color: var(--icon-interactive);
     align-items: center;
     justify-content: center;
     height: @sp-40;

diff --git a/src/header/Header.less b/src/header/Header.less
@@ -22,7 +22,7 @@
 
 .SideNavMenu__hamburgerIcon {
     .Hamburger {
-        color: @white;
+        color: var(--icon-interactive);
     }
 }
 
@@ -32,7 +32,7 @@
 
     &__topNav {
         width: 100%;
-        height: 48px;
+        height: @sp-48;
         display: flex;
         z-index: 2;
         flex-direction: row;

diff --git a/src/header/HeaderAuthentication.less b/src/header/HeaderAuthentication.less
@@ -46,7 +46,7 @@
         }
 
         &__linkIcon {
-            color: @white;
+            color: var(--icon-interactive);
         }
 
         & > span::before {

diff --git a/stories/Header.stories.less b/stories/Header.stories.less
@@ -21,3 +21,7 @@
 .SideNavMenu__nav {
     height: 200px !important;
 }
+
+.PageContentShell--leftNavIsOpen {
+    margin-left: 0;
+}