MDL-59775 forms: add option to display any form vertical

This commit is contained in:
Marina Glancy 2017-08-10 12:34:53 +08:00
parent 032674eebc
commit 3dee4faec4
4 changed files with 81 additions and 6 deletions

View file

@ -334,6 +334,24 @@ textarea[data-auto-rows] {
overflow-x: hidden;
}
/** Display elements under labels in vertical forms regardless of the screen size. */
.mform.full-width-labels {
& > .row {
margin-left: 0;
margin-right: 0;
& > .col-md-3,
& > .col-md-9 {
float: none;
width: inherit;
padding-right: 0;
padding-left: 0;
}
&.femptylabel > .col-md-3 {
display: none;
}
}
}
/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
.form-inline {
@include media-breakpoint-up(md) {