Skip to content

Commit 812937a

Browse files
devversiontinayuangao
authored andcommitted
update(radio, slide-toggle, checkbox): faster ripple enter animations (#9754)
* Updates the slide-toggle, radio and checkbox ripples to have a quicker enter animation. This aligns more with the behavior MDC provides, and also feels more appropriate (for focus indicators) and is also more aligned with the specs.
1 parent 7c0aa41 commit 812937a

File tree

3 files changed

+3
-3
lines changed

3 files changed

+3
-3
lines changed

src/lib/checkbox/checkbox.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
[matRippleDisabled]="_isRippleDisabled()"
2222
[matRippleRadius]="25"
2323
[matRippleCentered]="true"
24-
[matRippleAnimation]="{enterDuration: 300}">
24+
[matRippleAnimation]="{enterDuration: 150}">
2525
</div>
2626
<div class="mat-checkbox-frame"></div>
2727
<div class="mat-checkbox-background">

src/lib/radio/radio.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
[matRippleDisabled]="_isRippleDisabled()"
1111
[matRippleCentered]="true"
1212
[matRippleRadius]="23"
13-
[matRippleAnimation]="{enterDuration: 300}">
13+
[matRippleAnimation]="{enterDuration: 150}">
1414
</div>
1515
</div>
1616

src/lib/slide-toggle/slide-toggle.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
[matRippleDisabled]="disableRipple || disabled"
2828
[matRippleCentered]="true"
2929
[matRippleRadius]="23"
30-
[matRippleAnimation]="{enterDuration: 300}">
30+
[matRippleAnimation]="{enterDuration: 150}">
3131
</div>
3232

3333
</div>

0 commit comments

Comments
 (0)