extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2Select: Turn off line wrapping in options

Browse Source
This commit is contained in:
nathan 2024-07-11 09:57:13 -06:00
parent f2710b4749
commit f4bb3d5709
1 changed files with 120 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -116,11 +116,14 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
vertical-align: middle; vertical-align: middle;
} }
/* Get rid of padding before/after options */ /* No wrapping */
sl-menu::part(base) {
padding: 0px; sl-option::part(base) {
white-space: nowrap;
} }
/* No horizontal scrollbar, even if options are long */ /* No horizontal scrollbar, even if options are long */
.dropdown__panel { .dropdown__panel {
overflow-x: clip; overflow-x: clip;
} }
@ -130,6 +133,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
::part(tags) { ::part(tags) {
max-width: 100%; max-width: 100%;
} }
.select__label { .select__label {
display: block; display: block;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -215,6 +219,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
::part(listbox) { ::part(listbox) {
z-index: 1; z-index: 1;
background: var(--sl-input-background-color); background: var(--sl-input-background-color);
@ -236,6 +241,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
max-height: 8em; max-height: 8em;
overflow-y: auto; overflow-y: auto;
} }
:host([readonly])::part(combobox) { :host([readonly])::part(combobox) {
background: none; background: none;
opacity: 1; opacity: 1;