Skip to content

Commit 47fa4f6

Browse files
committed
PROD-1944 - add hover effect on active tab as well
1 parent 33a4765 commit 47fa4f6

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

src-ts/lib/tabs-navbar/TabsNavbar.module.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,21 @@
1616

1717
padding: $pad-md $pad-lg calc($pad-md - 2px);
1818
color: $black-80;
19+
cursor: pointer;
1920

2021
&:global(.active) {
2122
color: $black-100;
2223
.tab-label {
2324
@include font-weight-bold;
2425
}
2526
}
26-
&:not(:global(.active)):hover {
27-
cursor: pointer;
27+
28+
&:hover {
2829
color: $black-100;
2930
background-color: $blue-25;
31+
&:global(.active) ~ .active-icon > svg path:last-child {
32+
fill: $blue-25;
33+
}
3034
}
3135
}
3236

0 commit comments

Comments
 (0)