Skip to content

Commit 6ebb373

Browse files
committed
fix(tabs): add material backgrounds for the active tab
1 parent e850c24 commit 6ebb373

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

src/components/tabs/themes/shared/tab/tab.material.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,21 @@ $theme: $material;
3636
}
3737
}
3838

39+
:host([selected]) {
40+
[part='tab-header'] {
41+
&::before {
42+
background: var-get($theme, 'item-active-background');
43+
}
44+
45+
&:hover,
46+
&:focus-within {
47+
&::after {
48+
background: var-get($theme, 'item-active-hover-background');
49+
}
50+
}
51+
}
52+
}
53+
3954
::slotted(igc-icon) {
4055
--size: #{rem(24px)};
4156
}

0 commit comments

Comments
 (0)