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 @@ + + +
  • + asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf + +
  • + +
    +
    + .item.item-toggle.item-complex : + asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf + +
    +
    +
    +
    +
    + +
    +