extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-24 03:41:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add CSS classes 'label-on-left' & 'label-inline' to put widget label in column on the left

Browse Source 
Use 'label-inline' with 'label-on-left' to remove the white-space for an inline label
This commit is contained in:
nathan 2022-07-19 15:30:34 -06:00
parent 3b147eaa49
commit 1cc63b69ca
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
api/templates/default/etemplate2.css
View File

@ -76,6 +76,28 @@
display: none; display: none;
} }
/* Put widget label to the left of the widget, with fixed width */
.label-on-left::part(form-control) {
display: flex;
align-items: center;
gap: 1em;
}
.label-on-left::part(form-control-label) {
flex: 0 0 auto;
width: var(--width, 8em);
white-space: normal;
}
.label-on-left::part(form-control-input) {
flex: 1 1 auto;
}
/* Use .label-inline with .label-on-left to remove fixed label space */
.label-inline::part(form-control-label) {
width: initial;
}
/** /**
* VBox widget * VBox widget
*/ */