Fixes weird issue with switch

The checkbox input, although hidden, escapes the container causing scrollbars on fitted containers
This commit is contained in:
Samuel Georges 2015-05-27 19:12:22 +10:00
parent 37e5918e43
commit 677472a375
3 changed files with 10 additions and 11 deletions

View File

@ -1,7 +1,9 @@
Renders a form
# Example
<!-- Form Elements -->
<fieldset class="form-elements" role="form">
<form class="form-elements" role="form">
<!-- Text Input (Left) -->
<div class="form-group text-field span-left is-required">
@ -156,9 +158,6 @@
</div>
</div>
<!-- Rich text editor -->
<? include('fields/field-richeditor.php'); ?>
<!-- Textarea -->
<div class="form-group textarea-field span-right is-required">
<label>Textarea</label>
@ -166,7 +165,4 @@
<textarea autocomplete="off" class="form-control field-textarea size-large" name="comment" placeholder=""></textarea>
</div>
<!-- Code editors -->
<? include('fields/field-codeeditor.php'); ?>
</fieldset>
</form>

View File

@ -1,3 +1,4 @@
Renders a list
# Example

View File

@ -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;
}