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

fix(progress-bar): buffer animation not working on user-generated themes (#4525)

Browse Source 
Fixes the progress bar buffer animation not working on user-generated themes (e.g. the dark theme in the demo app).
This commit is contained in:
Kristiyan Kostadinov
2017-05-15 23:25:18 +02:00
committed by Jeremy Elbourn
parent 9c4d6018fa
commit 61f3987050
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/progress-bar/_progress-bar-theme.scss
+5 -3
View File
@@ -8,7 +8,7 @@
$warn: map-get($theme, warn);
.mat-progress-bar-background {
background: #{_mat-progress-bar-buffer($primary, lighter)};
background-image: #{_mat-progress-bar-buffer($primary, lighter)};
}
.mat-progress-bar-buffer {
@@ -21,12 +21,13 @@
.mat-progress-bar.mat-accent {
.mat-progress-bar-background {
background: #{_mat-progress-bar-buffer($accent, lighter)};
background-image: #{_mat-progress-bar-buffer($accent, lighter)};
}
.mat-progress-bar-buffer {
background-color: mat-color($accent, lighter);
}
.mat-progress-bar-fill::after {
background-color: mat-color($accent);
}
@@ -34,12 +35,13 @@
.mat-progress-bar.mat-warn {
.mat-progress-bar-background {
background: #{_mat-progress-bar-buffer($warn, lighter)};
background-image: #{_mat-progress-bar-buffer($warn, lighter)};
}
.mat-progress-bar-buffer {
background-color: mat-color($warn, lighter);
}
.mat-progress-bar-fill::after {
background-color: mat-color($warn);
}