Skip to content

Commit 3a33870

Browse files
crisbetoandrewseguin
authored andcommitted
chore(progress-bar): clean up transitions (#5998)
* Removes the transition from the `stroke` property, because it's not being used anymore. * Breaks up a few long lines that were exceeding our character limit.
1 parent 6a18c5d commit 3a33870

File tree

1 file changed

+12
-9
lines changed

1 file changed

+12
-9
lines changed

src/lib/progress-bar/progress-bar.scss

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,7 @@ $mat-progress-bar-piece-animation-duration: 250ms !default;
3535
// beyond the current value of the primary progress bar.
3636
.mat-progress-bar-buffer {
3737
transform-origin: top left;
38-
transition: transform $mat-progress-bar-piece-animation-duration ease,
39-
stroke $swift-ease-in-duration $ease-in-out-curve-function;
38+
transition: transform $mat-progress-bar-piece-animation-duration ease;
4039
}
4140

4241
// The secondary progress bar is only used in the indeterminate animation, because of this it
@@ -49,8 +48,7 @@ $mat-progress-bar-piece-animation-duration: 250ms !default;
4948
.mat-progress-bar-fill {
5049
animation: none;
5150
transform-origin: top left;
52-
transition: transform $mat-progress-bar-piece-animation-duration ease,
53-
stroke $swift-ease-in-duration $ease-in-out-curve-function;
51+
transition: transform $mat-progress-bar-piece-animation-duration ease;
5452
}
5553

5654
// A pseudo element is created for each progress bar bar that fills with the indicator color.
@@ -71,25 +69,30 @@ $mat-progress-bar-piece-animation-duration: 250ms !default;
7169
transition: none;
7270
}
7371
.mat-progress-bar-primary {
74-
animation: mat-progress-bar-primary-indeterminate-translate $mat-progress-bar-full-animation-duration infinite linear;
72+
animation: mat-progress-bar-primary-indeterminate-translate
73+
$mat-progress-bar-full-animation-duration infinite linear;
7574
left: -145.166611%;
7675
}
7776
.mat-progress-bar-primary.mat-progress-bar-fill::after {
78-
animation: mat-progress-bar-primary-indeterminate-scale $mat-progress-bar-full-animation-duration infinite linear;
77+
animation: mat-progress-bar-primary-indeterminate-scale
78+
$mat-progress-bar-full-animation-duration infinite linear;
7979
}
8080
.mat-progress-bar-secondary {
81-
animation: mat-progress-bar-secondary-indeterminate-translate $mat-progress-bar-full-animation-duration infinite linear;
81+
animation: mat-progress-bar-secondary-indeterminate-translate
82+
$mat-progress-bar-full-animation-duration infinite linear;
8283
left: -54.888891%;
8384
display: block;
8485
}
8586
.mat-progress-bar-secondary.mat-progress-bar-fill::after {
86-
animation: mat-progress-bar-secondary-indeterminate-scale $mat-progress-bar-full-animation-duration infinite linear;
87+
animation: mat-progress-bar-secondary-indeterminate-scale
88+
$mat-progress-bar-full-animation-duration infinite linear;
8789
}
8890
}
8991

9092
&[mode='buffer'] {
9193
.mat-progress-bar-background {
92-
animation: mat-progress-bar-background-scroll $mat-progress-bar-piece-animation-duration infinite linear;
94+
animation: mat-progress-bar-background-scroll
95+
$mat-progress-bar-piece-animation-duration infinite linear;
9396
display: block;
9497
}
9598
}

0 commit comments

Comments
 (0)