Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/forms.scss
Show All 27 Lines | .list-input { | ||||
} | } | ||||
} | } | ||||
.range-input { | .range-input { | ||||
display: flex; | display: flex; | ||||
label { | label { | ||||
margin-right: 0.5em; | margin-right: 0.5em; | ||||
min-width: 4em; | |||||
text-align: right; | |||||
line-height: 1.7; | |||||
} | } | ||||
} | } | ||||
.input-group-activable { | .input-group-activable { | ||||
&.active { | &.active { | ||||
:not(.input-group-append):not(.activable) { | :not(.activable) { | ||||
display: none; | display: none; | ||||
} | } | ||||
} | } | ||||
&:not(.active) { | &:not(.active) { | ||||
.activable { | .activable { | ||||
display: none; | display: none; | ||||
} | } | ||||
Show All 15 Lines | .input-group-text { | ||||
} | } | ||||
} | } | ||||
} | } | ||||
.form-control-plaintext .btn-sm { | .form-control-plaintext .btn-sm { | ||||
margin-top: -0.25rem; | margin-top: -0.25rem; | ||||
} | } | ||||
form.read-only { | // Various improvements for mobile | ||||
.row { | @include media-breakpoint-down(sm) { | ||||
margin-bottom: 0; | .row.mb-3 { | ||||
margin-bottom: 0.5rem !important; | |||||
} | |||||
.nav-tabs { | |||||
flex-wrap: nowrap; | |||||
overflow-x: auto; | |||||
.nav-link { | |||||
white-space: nowrap; | |||||
padding: 0.5rem 0.75rem; | |||||
} | } | ||||
} | } | ||||
// Various improvements for mobile | .tab-content { | ||||
@include media-breakpoint-down(sm) { | margin-top: 0.5rem; | ||||
.form-group { | } | ||||
margin-bottom: 0.5rem; | |||||
.col-form-label { | |||||
color: #666; | |||||
font-size: 95%; | |||||
} | } | ||||
.form-group.plaintext .col-form-label { | .row.plaintext .col-form-label { | ||||
padding-bottom: 0; | padding-bottom: 0; | ||||
} | } | ||||
form.read-only.short label { | form.read-only.short label { | ||||
width: 35%; | width: 35%; | ||||
& + * { | & + * { | ||||
width: 65%; | width: 65%; | ||||
} | } | ||||
} | } | ||||
} | |||||
@include media-breakpoint-down(xs) { | |||||
.col-form-label { | |||||
color: #666; | |||||
font-size: 95%; | |||||
} | |||||
.form-group.checkbox { | .row.checkbox { | ||||
position: relative; | position: relative; | ||||
& > div { | & > div { | ||||
position: initial; | |||||
padding-top: 0 !important; | padding-top: 0 !important; | ||||
input { | input { | ||||
position: absolute; | position: absolute; | ||||
top: 0.5rem; | top: 0.5rem; | ||||
right: 1rem; | right: 1rem; | ||||
} | } | ||||
} | } | ||||
label { | label { | ||||
padding-right: 2.5rem; | padding-right: 2.5rem; | ||||
} | } | ||||
} | } | ||||
} | } |