From 677472a375bbce8a39bafc57e7f6ee28de572071 Mon Sep 17 00:00:00 2001 From: Samuel Georges Date: Wed, 27 May 2015 19:12:22 +1000 Subject: [PATCH] Fixes weird issue with switch The checkbox input, although hidden, escapes the container causing scrollbars on fitted containers --- modules/system/assets/ui/docs/form.md | 12 ++++-------- modules/system/assets/ui/docs/list.md | 1 + modules/system/assets/ui/less/form.less | 8 +++++--- 3 files changed, 10 insertions(+), 11 deletions(-) diff --git a/modules/system/assets/ui/docs/form.md b/modules/system/assets/ui/docs/form.md index 780fd6918..c53e37888 100644 --- a/modules/system/assets/ui/docs/form.md +++ b/modules/system/assets/ui/docs/form.md @@ -1,7 +1,9 @@ +Renders a form + # Example -
+
@@ -156,9 +158,6 @@
- - -
@@ -166,7 +165,4 @@
- - - -
+ diff --git a/modules/system/assets/ui/docs/list.md b/modules/system/assets/ui/docs/list.md index 3ecec5eb1..97613a167 100644 --- a/modules/system/assets/ui/docs/list.md +++ b/modules/system/assets/ui/docs/list.md @@ -1,3 +1,4 @@ +Renders a list # Example diff --git a/modules/system/assets/ui/less/form.less b/modules/system/assets/ui/less/form.less index 7f6991b35..e88ad53fa 100644 --- a/modules/system/assets/ui/less/form.less +++ b/modules/system/assets/ui/less/form.less @@ -532,14 +532,16 @@ body.slim-container { input { z-index: 5; position: absolute; + left: 0; + top: 0; .opacity(0); &:checked { - ~ .slide-button { - right: 2px; + ~ .slide-button { + right: 2px; } ~ span { background-color: @color-switch-input-on; } ~ span span { - &:first-of-type { + &:first-of-type { color: #FFFFFF; display: block; }