bike/BikeBikeBike
1
0
Fork 0
Code Issues 4 Pull Requests Projects Releases Wiki Activity

Fixed poor styling for selects and checkboxes on mobile

Browse Source
This commit is contained in:
Godwin 2016-08-10 08:24:10 -07:00 committed by GitHub
parent eabd751ab1
commit 04b01b4c33
1 changed files with 33 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/assets/stylesheets/_application.scss
View File

@ -642,13 +642,11 @@ input {
display: inline-block; display: inline-block;
label { label {
float: left;
min-width: 7.5em; min-width: 7.5em;
}
&.vertical { @include after {
label { top: -0.15em;
float: none; left: 0.05em;
} }
} }
} }
@ -800,8 +798,6 @@ fieldset {
} }
.fieldgroup { .fieldgroup {
@include _-(display, flex);
@include _-(display, inline-flex);
@include _(align-items, flex-end); @include _(align-items, flex-end);
@include _(flex-wrap, wrap); @include _(flex-wrap, wrap);
margin: 0 0 3em 1em; margin: 0 0 3em 1em;
@ -3155,6 +3151,7 @@ html[data-lingua-franca-example="html"] {
select { select {
display: block; display: block;
width: 100%;
height: 1.75em; height: 1.75em;
font-family: inherit; font-family: inherit;
font-size: 1.5em; font-size: 1.5em;
@ -3210,6 +3207,7 @@ html[data-lingua-franca-example="html"] {
select { select {
padding-right: 2.25em; padding-right: 2.25em;
-webkit-appearance: none;
@include _(appearance, none); @include _(appearance, none);
} }
@ -3688,6 +3686,34 @@ html[data-ontop] {
input:first-child + label { input:first-child + label {
border: 0.1em solid; border: 0.1em solid;
} }
&.inline {
label {
float: left;
@include after {
top: -0.025em;
left: 0.175em;
}
}
&.vertical {
label {
float: none;
}
}
}
}
.fieldgroup {
@include _-(display, flex);
@include _-(display, inline-flex);
}
.select-field {
select {
width: auto;
}
} }
.admin-blocks { .admin-blocks {