extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 16:03:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make nm filters always the same size (33% each) and show ellipsis when the current value is too long

Browse Source
This commit is contained in:
nathan 2022-08-23 11:07:02 -06:00
parent db7b9f0abb
commit 19d4b9a8b6
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
api/js/etemplate/Et2Select/Et2Select.ts
View File

@ -85,6 +85,13 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
.dropdown__panel { .dropdown__panel {
overflow-x: clip; overflow-x: clip;
} }
/* Ellipsis when too small */
.select__label {
display: block;
text-overflow: ellipsis;
/* This is usually not used due to flex, but is the basis for ellipsis calculation */
width: 10ex;
}
/** multiple=true uses tags for each value **/ /** multiple=true uses tags for each value **/
/* styling for icon inside tag (not option) */ /* styling for icon inside tag (not option) */

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

@ -93,6 +93,7 @@
::part(form-control-input) { ::part(form-control-input) {
flex: 1 1 auto; flex: 1 1 auto;
position: relative; position: relative;
max-width: 100%;
} }
::part(form-control-help-text) { ::part(form-control-help-text) {
@ -2217,9 +2218,9 @@ lion-validation-feedback[type] {
width: 12em; width: 12em;
} }
.nextmatch_header_row > div > et2-select, .nextmatch_header_row > div > et2-select-cat { .nextmatch_header_row > .filtersContainer > et2-select, .nextmatch_header_row > .filtersContainer > et2-select-cat {
max-width: 14%; /* Make all filters the same size. Otherwise they'll flex for different sized values */
min-width: fit-content; max-width: 33%;
} }
.nextmatch_header_row > .header_row_right { .nextmatch_header_row > .header_row_right {