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

feat(progress-bar): align with 2018 material design spec (#12394)

Browse Source 
Aligns the progress bar component with the latest version of the Material design spec.
This commit is contained in:
Kristiyan Kostadinov
2018-08-16 05:03:57 +02:00
committed by mmalerba
parent 5f2e0773b4
commit b2247f888c
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/progress-bar/progress-bar.html
+3 -3
View File
@@ -2,10 +2,10 @@
The background div is named as such because it appears below the other divs and is not sized based
on values.
-->
<svg width="100%" height="5" focusable="false" class="mat-progress-bar-background mat-progress-bar-element">
<svg width="100%" height="4" focusable="false" class="mat-progress-bar-background mat-progress-bar-element">
<defs>
<pattern [id]="progressbarId" x="5" y="0" width="10" height="5" patternUnits="userSpaceOnUse">
<circle cx="2.5" cy="2.5" r="2.5"/>
<pattern [id]="progressbarId" x="4" y="0" width="8" height="4" patternUnits="userSpaceOnUse">
<circle cx="2" cy="2" r="2"/>
</pattern>
</defs>
<rect [attr.fill]="_rectangleFillValue" width="100%" height="100%"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 B

After

Width:  |  Height:  |  Size: 796 B

src/lib/progress-bar/progress-bar.scss
+1 -1
View File
@@ -3,7 +3,7 @@
@import '../core/style/noop-animation';
@import '../../cdk/a11y/a11y';
$mat-progress-bar-height: 5px !default;
$mat-progress-bar-height: 4px !default;
$mat-progress-bar-full-animation-duration: 2000ms !default;
$mat-progress-bar-piece-animation-duration: 250ms !default;