extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-28 17:48:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2Select: Use same z-index for search box as dropdown

Browse Source
This commit is contained in:
nathan 2023-05-10 13:43:46 -06:00
parent b3afe3ffae
commit 91b94a5126
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -175,9 +175,10 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
:host([allowfreeentries]:not([multiple])) .select--standard.select--open:not(.select--disabled) .select__control .select__label { :host([allowfreeentries]:not([multiple])) .select--standard.select--open:not(.select--disabled) .select__control .select__label {
display: none; display: none;
} }
/* Search textbox general styling, starts hidden */ /* Search textbox general styling, starts hidden */
.select__prefix ::slotted(.search_input),.search_input {
.select__prefix ::slotted(.search_input), .search_input {
display: none; display: none;
flex: 1 1 auto; flex: 1 1 auto;
margin-left: 0px; margin-left: 0px;
@ -185,17 +186,21 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
height: var(--sl-input-height-medium); height: var(--sl-input-height-medium);
position: absolute; position: absolute;
background-color: white; background-color: white;
z-index: 1; z-index: var(--sl-z-index-dropdown);
} }
/* Search UI active - show textbox & stuff */
::slotted(.search_input.active),.search_input.active, /* Search UI active - show textbox & stuff */
.search_input.editing{
::slotted(.search_input.active), .search_input.active,
.search_input.editing {
display: flex; display: flex;
} }
/* If multiple and no value, overlap search onto widget instead of below */
:host([multiple]) .search_input.active.novalue { /* If multiple and no value, overlap search onto widget instead of below */
:host([multiple]) .search_input.active.novalue {
top: 0px; top: 0px;
} }
/* Hide options that do not match current search text */ /* Hide options that do not match current search text */
::slotted(.no-match) { ::slotted(.no-match) {