mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
fix(button): change transition on fab buttons to match other buttons
fixes #5129
This commit is contained in:
@ -19,9 +19,6 @@ $button-fab-size: 56px !default;
|
|||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
transition: .2s linear;
|
|
||||||
transition-property: background-color;
|
|
||||||
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
ion-icon {
|
ion-icon {
|
||||||
|
@ -239,6 +239,10 @@ $button-md-small-icon-font-size: 1.4em !default;
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-shadow: $button-md-fab-box-shadow;
|
box-shadow: $button-md-fab-box-shadow;
|
||||||
|
|
||||||
|
transition: box-shadow $button-md-transition-duration $button-md-animation-curve,
|
||||||
|
background-color $button-md-transition-duration $button-md-animation-curve,
|
||||||
|
color $button-md-transition-duration $button-md-animation-curve;
|
||||||
|
|
||||||
&.activated {
|
&.activated {
|
||||||
box-shadow: $button-md-fab-box-shadow-active;
|
box-shadow: $button-md-fab-box-shadow-active;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user