diff --git a/scss/_toggle.scss b/scss/_toggle.scss index d15d383149..457a86e999 100644 --- a/scss/_toggle.scss +++ b/scss/_toggle.scss @@ -105,13 +105,18 @@ background-color: $toggle-handle-on-bg-color; } -.item-toggle { +.item-toggle.active { + box-shadow: none; +} + +.item-toggle, +.item-toggle.item-complex .item-content { // make sure list item content have enough padding on right to fit the toggle padding-right: ($item-padding * 3) + $toggle-width; +} - &.active { - box-shadow: none; - } +.item-toggle.item-complex { + padding-right: 0; } .item-toggle .toggle { diff --git a/test/css/input-toggle.html b/test/css/input-toggle.html index 577cfeb7df..404f54cbdd 100644 --- a/test/css/input-toggle.html +++ b/test/css/input-toggle.html @@ -159,6 +159,43 @@ + + +