skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(demo-app): fix tabs being unrecognizable in dark theme (#5214)

Browse Source 
* 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
This commit is contained in:
Paul Gschwendtner
2017-06-22 18:51:59 +02:00
committed by Jeremy Elbourn
parent 9acb152bce
commit 0ea2533b80
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/demo-app/tabs/tabs-demo.scss
+8 -10
View File
@@ -1,9 +1,13 @@
.demo-nav-bar {
border: 1px solid #e0e0e0;
.demo-nav-bar, .demo-tab-group {
border: 1px solid #e8e8e8;
margin-bottom: 40px;
.mat-tab-nav-bar {
background: #f9f9f9;
.unicorn-dark-theme & {
border-color: #464646;
}
}
.demo-nav-bar {
sunny-routed-content,
rainy-routed-content,
foggy-routed-content {
@@ -13,17 +17,11 @@
}
.demo-tab-group {
border: 1px solid #e0e0e0;
margin-bottom: 40px;
flex-grow: 1;
.mat-tab-header {
background: #f9f9f9;
}
}
tabs-demo .mat-card {
width: 160px;
}
.demo-dynamic-tabs {