From 45106a6acfedf8b77a0f46d9f0b1b35e4a76c548 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Fri, 2 May 2014 13:36:20 -0500 Subject: [PATCH] fix(toggle): Right side padding for item-complex, closes #1091 --- scss/_toggle.scss | 13 +++++++++---- test/css/input-toggle.html | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 4 deletions(-) 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 + +
    +
    +
    +
    +
    + +
    +