mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
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.
This commit is contained in:
committed by
mmalerba
parent
e4bca633c5
commit
e4dd5d77a3
@@ -21,7 +21,7 @@
|
||||
[matRippleDisabled]="_isRippleDisabled()"
|
||||
[matRippleRadius]="25"
|
||||
[matRippleCentered]="true"
|
||||
[matRippleAnimation]="{enterDuration: 300}">
|
||||
[matRippleAnimation]="{enterDuration: 150}">
|
||||
</div>
|
||||
<div class="mat-checkbox-frame"></div>
|
||||
<div class="mat-checkbox-background">
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
[matRippleDisabled]="_isRippleDisabled()"
|
||||
[matRippleCentered]="true"
|
||||
[matRippleRadius]="23"
|
||||
[matRippleAnimation]="{enterDuration: 300}">
|
||||
[matRippleAnimation]="{enterDuration: 150}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
[matRippleDisabled]="disableRipple || disabled"
|
||||
[matRippleCentered]="true"
|
||||
[matRippleRadius]="23"
|
||||
[matRippleAnimation]="{enterDuration: 300}">
|
||||
[matRippleAnimation]="{enterDuration: 150}">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user