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

Fix calendar participant select did not show selected tags while the dropdown was open

Browse Source 
Tags were only shown once dropdown was closed
This commit is contained in:
nathan 2023-11-30 10:49:49 -07:00
parent f58c10a7e9
commit e66c9512f1
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -115,13 +115,14 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
/* Maximum height + scrollbar on tags (+ other styling) */ /* Maximum height + scrollbar on tags (+ other styling) */
::part(tags) { ::part(tags) {
overflow-y: auto;
margin-left: 0px; margin-left: 0px;
max-height: initial; max-height: initial;
min-height: auto;
gap: 0.1rem 0.5rem; gap: 0.1rem 0.5rem;
} }
:host([rows]) ::part(tags) { :host([rows]) ::part(tags) {
overflow-y: auto;
max-height: calc(var(--rows, 5) * (var(--sl-input-height-medium) * 0.8)) max-height: calc(var(--rows, 5) * (var(--sl-input-height-medium) * 0.8))
} }
@ -132,9 +133,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
/* No rows set, default height limit about 5 rows */ /* No rows set, default height limit about 5 rows */
:host(:not([rows])) ::part(tags) { :host(:not([rows])) ::part(tags) {
min-height: inherit;
max-height: 11em; max-height: 11em;
overflow-y: auto;
} }
select:hover { select:hover {

4
api/js/etemplate/Et2Select/SearchMixin.ts
View File

@ -151,11 +151,11 @@ export const Et2WithSearchMixin = dedupeMixin(<T extends Constructor<LitElement>
display: none; display: none;
} }
:host([multiple]) sl-select[open]::part(tags) { sl-select[open][multiple]::part(tags) {
flex-basis: 100%; flex-basis: 100%;
} }
:host([multiple]) sl-select[open]::part(combobox) { sl-select[open][multiple]::part(combobox) {
flex-flow: wrap; flex-flow: wrap;
} }