Skip to content

Commit 0ea2533

Browse files
devversionjelbourn
authored andcommitted
chore(demo-app): fix tabs being unrecognizable in dark theme (#5214)
* The tabs demo is the only demo that still overwrites the associated component with CSS that makes it not testable in dark themes (through the dark theme switcher) * This commit replaces those CSS selectors with CSS that works in dark themes too
1 parent 9acb152 commit 0ea2533

File tree

1 file changed

+8
-10
lines changed

1 file changed

+8
-10
lines changed

src/demo-app/tabs/tabs-demo.scss

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
1-
.demo-nav-bar {
2-
border: 1px solid #e0e0e0;
1+
.demo-nav-bar, .demo-tab-group {
2+
border: 1px solid #e8e8e8;
33
margin-bottom: 40px;
4-
.mat-tab-nav-bar {
5-
background: #f9f9f9;
4+
5+
.unicorn-dark-theme & {
6+
border-color: #464646;
67
}
8+
}
9+
10+
.demo-nav-bar {
711
sunny-routed-content,
812
rainy-routed-content,
913
foggy-routed-content {
@@ -13,17 +17,11 @@
1317
}
1418

1519
.demo-tab-group {
16-
border: 1px solid #e0e0e0;
17-
margin-bottom: 40px;
1820
flex-grow: 1;
19-
.mat-tab-header {
20-
background: #f9f9f9;
21-
}
2221
}
2322

2423
tabs-demo .mat-card {
2524
width: 160px;
26-
2725
}
2826

2927
.demo-dynamic-tabs {

0 commit comments

Comments
 (0)