Fixes weird issue with switch
The checkbox input, although hidden, escapes the container causing scrollbars on fitted containers
This commit is contained in:
parent
37e5918e43
commit
677472a375
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
Renders a list
|
||||
|
||||
# Example
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue