extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-29 10:09:10 +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

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

@ -177,7 +177,8 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
} }
/* 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,14 +186,18 @@ 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 */ /* Search UI active - show textbox & stuff */
::slotted(.search_input.active),.search_input.active,
.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 */ /* If multiple and no value, overlap search onto widget instead of below */
:host([multiple]) .search_input.active.novalue { :host([multiple]) .search_input.active.novalue {
top: 0px; top: 0px;
} }