Skip to content

Commit 2784a6f

Browse files
review changes of "add custom icon in toggle" PR
1 parent 3a57650 commit 2784a6f

File tree

2 files changed

+2
-9
lines changed

2 files changed

+2
-9
lines changed

core/src/components/toggle/test/states/index.html

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,8 +62,6 @@ <h2>Checked</h2>
6262

6363
<ion-toggle enable-on-off-labels="true" checked-icon="heart" unchecked-icon="close" checked="true">Icons Toggle</ion-toggle>
6464

65-
66-
6765
<div class="grid-item">
6866
<h2>Disabled, Unchecked</h2>
6967
<ion-toggle disabled="true">Enable Notifications</ion-toggle>

core/src/components/toggle/toggle.md.scss

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -64,14 +64,9 @@
6464
}
6565

6666
.toggle-inner .toggle-switch-icon {
67+
@include padding(1px);
6768
width: var(--on-off-label-icon-size);
68-
height: var(--on-off-label-icon-size);
69-
min-width: var(--on-off-label-icon-size);
70-
min-height: var(--on-off-label-icon-size);
71-
display: block;
72-
opacity: 0.86;
73-
transition: transform $toggle-md-transition-duration, opacity $toggle-md-transition-duration, color $toggle-md-transition-duration;
74-
}
69+
height: var(--on-off-label-icon-size);}
7570

7671
// Material Design Toggle: Disabled
7772
// ----------------------------------------------------------

0 commit comments

Comments
 (0)