Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/forms.scss
Show First 20 Lines • Show All 69 Lines • ▼ Show 20 Lines | .form-control-plaintext .btn-sm { | ||||
margin-top: -0.25rem; | margin-top: -0.25rem; | ||||
} | } | ||||
form.read-only { | form.read-only { | ||||
.row { | .row { | ||||
margin-bottom: 0; | margin-bottom: 0; | ||||
} | } | ||||
} | } | ||||
// Various improvements for mobile | |||||
@include media-breakpoint-down(sm) { | |||||
.form-group { | |||||
margin-bottom: 0.5rem; | |||||
} | |||||
.form-group.plaintext .col-form-label { | |||||
padding-bottom: 0; | |||||
} | |||||
form.read-only.short label { | |||||
width: 35%; | |||||
& + * { | |||||
width: 65%; | |||||
} | |||||
} | |||||
} | |||||
@include media-breakpoint-down(xs) { | |||||
.col-form-label { | |||||
color: #666; | |||||
font-size: 95%; | |||||
} | |||||
.form-group.checkbox { | |||||
position: relative; | |||||
& > div { | |||||
position: initial; | |||||
padding-top: 0 !important; | |||||
input { | |||||
position: absolute; | |||||
top: 0.5rem; | |||||
right: 1rem; | |||||
} | |||||
} | |||||
label { | |||||
padding-right: 2.5rem; | |||||
} | |||||
} | |||||
} |