65 lines
1.3 KiB
SCSS
65 lines
1.3 KiB
SCSS
body #contentwrapper #maincontentwrapper {
|
|
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
|
|
@extend .form-control;
|
|
}
|
|
|
|
.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-inputWidget-input {
|
|
padding-left: 2.42857143em;
|
|
}
|
|
|
|
.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input {
|
|
padding-right: 28px;
|
|
}
|
|
|
|
.oo-ui-textInputWidget.oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
|
|
border-top-right-radius:0;
|
|
border-bottom-right-radius:0;
|
|
}
|
|
|
|
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before {
|
|
background-color:$primary;
|
|
border-color:$primary;
|
|
}
|
|
}
|
|
|
|
|
|
// Form elements (e.g. in the upload form)
|
|
.mw-htmlform-field-HTMLTextField input {
|
|
@extend .form-control;
|
|
}
|
|
.mw-input {
|
|
textarea,
|
|
select {
|
|
@extend .form-control;
|
|
}
|
|
select {
|
|
background-color:transparent;
|
|
}
|
|
}
|
|
|
|
|
|
// datepicker
|
|
.pfPickerWrapper {
|
|
display: inline-block;
|
|
}
|
|
.pfDatePicker.oo-ui-textInputWidget {
|
|
width:200px;
|
|
}
|
|
|
|
.oo-ui-checkboxInputWidget + t {
|
|
margin-left:8px;
|
|
}
|
|
|
|
// ugly hack: without it, checkboxes are only partly clickable
|
|
.oo-ui-checkboxInputWidget {
|
|
width: 1.42857143em;
|
|
}
|
|
#maincontentwrapper #pfForm select,
|
|
#maincontentwrapper #pfForm input[type="checkbox"] {
|
|
width: 100% !important;
|
|
}
|
|
|
|
|
|
.multipleTemplateInstance {
|
|
background-color:$light !important;
|
|
} |