Skip to content

Commit

Permalink
feat(progress-bar): align with 2018 material design spec (#12394)
Browse files Browse the repository at this point in the history
Aligns the progress bar component with the latest version of the Material design spec.
  • Loading branch information
crisbeto authored and mmalerba committed Aug 16, 2018
1 parent 5f2e077 commit b2247f8
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
6 changes: 3 additions & 3 deletions src/lib/progress-bar/progress-bar.html
Original file line number Diff line number Diff line change
Expand Up @@ -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%"/>
Expand Down
2 changes: 1 addition & 1 deletion src/lib/progress-bar/progress-bar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;

Expand Down

0 comments on commit b2247f8

Please sign in to comment.