diff --git a/dist/css/ionic.css b/dist/css/ionic.css index 203f97d6a9..2b597f97c7 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -4289,8 +4289,10 @@ input[type="checkbox"][readonly] { background-color: white; } /* make sure list item content have enough padding on right to fit the toggle */ -.item-toggle .item-content { +.item-toggle { padding-right: 99px; } + .item-toggle.active, .item-toggle:active { + box-shadow: none; } /* position the toggle to the right within a list item */ .item-toggle .toggle { diff --git a/scss/_toggle.scss b/scss/_toggle.scss index f35dcd4c70..1a3c42ad4f 100644 --- a/scss/_toggle.scss +++ b/scss/_toggle.scss @@ -68,8 +68,13 @@ } /* make sure list item content have enough padding on right to fit the toggle */ -.item-toggle .item-content { +.item-toggle { padding-right: ($item-padding * 3) + $toggle-width; + + &.active, + &:active { + box-shadow: none; + } } /* position the toggle to the right within a list item */ diff --git a/test/input-toggle.html b/test/input-toggle.html index 1eda98f4d6..362d323bf8 100644 --- a/test/input-toggle.html +++ b/test/input-toggle.html @@ -17,9 +17,7 @@