Skip to content

Commit f841bef

Browse files
committed
feat(toggle): add animation for windows mode toggle
closes #5981
1 parent f17f517 commit f841bef

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

ionic/components/toggle/toggle.wp.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,8 @@ $toggle-wp-handle-border-radius: 50% !default;
2626
$toggle-wp-media-margin: 0 !default;
2727
$toggle-wp-media-padding: 12px ($item-wp-padding-right / 2) 12px $item-wp-padding-left !default;
2828

29+
$toggle-wp-transition-duration: 300ms !default;
30+
2931
$toggle-wp-disabled-opacity: .3 !default;
3032

3133

@@ -68,6 +70,9 @@ ion-toggle {
6870

6971
border-radius: $toggle-wp-handle-border-radius;
7072
background-color: $toggle-wp-handle-background-color-off;
73+
74+
transition-duration: $toggle-wp-transition-duration;
75+
transition-property: transform, background-color;
7176
}
7277

7378

0 commit comments

Comments
 (0)