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

@ -16745,6 +16745,49 @@ fieldset.coursesearchbox label {
#region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
font-weight: bold;
}
/**
* Forms marked as vertical always display this way;
*/
.mform.full-width-labels:not(.unresponsive) .fitem .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.mform.full-width-labels:not(.unresponsive) .fitem .felement {
margin-left: 0;
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
}
.mform.full-width-labels:not(.unresponsive) .fitem .fstatic:empty {
display: none;
}
.mform.full-width-labels:not(.unresponsive) .fitem .fcheckbox > span,
.mform.full-width-labels:not(.unresponsive) .fitem .fradio > span,
.mform.full-width-labels:not(.unresponsive) .fitem .fgroup > span {
margin-top: 4px;
}
.mform.full-width-labels:not(.unresponsive) .femptylabel .fitemtitle {
display: inline-block;
width: auto;
margin-right: 8px;
}
.mform.full-width-labels:not(.unresponsive) .femptylabel .felement {
display: inline-block;
margin-top: 4px;
padding-top: 5px;
}
.mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
.mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
display: inline-block;
width: auto;
}
.mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
padding: 6px;
}
/**
* Make forms vertical when the screen is less than 1200px;
*/
@ -16780,7 +16823,6 @@ fieldset.coursesearchbox label {
display: inline-block;
margin-top: 4px;
padding-top: 5px;
width: auto;
}
body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
@ -16833,7 +16875,6 @@ fieldset.coursesearchbox label {
display: inline-block;
margin-top: 4px;
padding-top: 5px;
width: auto;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {