Merge pull request #205 from element-hq/midhun/fix-tabs-style

Fix incorrect styling of tab item
element-hq · Jul 9, 2024 · 88df11c · 88df11c
2 parents cbc1d4d + 062b92d
commit 88df11c
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 2 deletions.
diff --git a/playwright/visual.test.ts-snapshots/Nav-Default-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Nav-Default-1-chromium-linux.png
diff --git a/playwright/visual.test.ts-snapshots/Nav-Nav-Item-Active-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Nav-Nav-Item-Active-1-chromium-linux.png
diff --git a/playwright/visual.test.ts-snapshots/Nav-Nav-Item-Active-Link-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Nav-Nav-Item-Active-Link-1-chromium-linux.png
diff --git a/playwright/visual.test.ts-snapshots/Nav-Tab-Role-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Nav-Tab-Role-1-chromium-linux.png
diff --git a/src/components/Nav/Nav.module.css b/src/components/Nav/Nav.module.css
@@ -65,7 +65,7 @@
   box-sizing: border-box;
   background: transparent;
   border: 0;
-  font: var(--cpd-font-body-md-regular);
+  font: var(--cpd-font-body-md-medium);
   color: var(--cpd-color-text-secondary);
   text-decoration: none;
 }
@@ -86,7 +86,8 @@
   background-color: var(--cpd-color-bg-subtle-primary);
 }
 
-.nav-item[aria-current] {
+.nav-item[aria-current],
+.nav-item[aria-selected="true"] {
   color: var(--cpd-color-text-primary);
 }