artabro/wire/modules/AdminTheme/AdminThemeUikit/uikit-pw/pw/pw-inputfields-misc.less
2024-08-27 11:35:37 +02:00

108 lines
2.2 KiB
Text

/***************************************************************************
* Specific Inputfield type customizations
*
*/
.InputfieldPageNameURL {
// page name URL
font-size: @global-small-font-size;
}
.InputfieldCheckbox,
.InputfieldCheckboxes,
.InputfieldRadios {
.InputfieldContent label {
// checkboxes and radios use smaller font size for labels
font-size: @global-small-font-size;
}
}
.InputfieldHidden {
// hidden Inputfield type never appears in output
display: none !important;
}
/**
* PageListSelect
*
*/
.PageListRoot {
.PageListSelectActions {
padding: 0;
> li {
border: none;
padding: 0;
a.PageListSelectActionToggleStart:before {
content: "\f055";
font-family: fontAwesome;
padding-right: 4px;
text-decoration: none !important;
display: inline-block;
}
a.PageListSelectActionToggleCancel:before {
content: "\f057";
font-family: fontAwesome;
padding-right: 4px;
text-decoration: none !important;
display: inline-block;
}
}
}
}
// Targeting output as it appears on Bookmarks screen like ProcessPageAdd > Bookmarks
.InputfieldPageListSelectMultiple {
> .InputfieldContent > ul.PageListActions {
padding: 0;
> li:first-child {
border-left: none;
> a {
padding-left: 0;
}
}
}
}
/****************************************************************************
* Render Value Mode
*
* Used when only values are being rendered in the form (no inputs)
*
*/
.InputfieldRenderValueMode {
.InputfieldSelect li,
.InputfieldRadios li,
.InputfieldCheckboxes li {
margin-top: 0;
margin-bottom: 0;
}
.InputfieldSubmit,
.InputfieldButton {
display: none;
}
}
/*** Misc **********************************************************/
:not(.InputfieldFieldset) > .InputfieldContent > .Inputfields > .InputfieldMarkup,
.InputfieldForm > .Inputfields > .InputfieldMarkup {
&.InputfieldHeaderHidden {
outline: none !important;
margin-top: @pw-inputfield-margin;
> .InputfieldContent {
padding-left: 0;
padding-right: 0;
}
}
}
.InputfieldCheckboxes ul,
.InputfieldRadios ul {
margin-bottom: 0;
}