holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Select / Search CSS:

Browse Source 
- Let search input take full space for single-value search selects
This commit is contained in:
nathan 2022-06-14 09:09:11 -06:00
parent a7874ecb63
commit 003f1255d7
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -151,6 +151,12 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
flex: 1 1 auto;
width: 100%;
}
/* Don't show the current value while searching for single, we want the space
This lets the current value shrink to nothing so the input can expand
*/
.select__label {
flex: 1 15 auto;
}
/* Show edit textbox only when editing */
.search_input #edit {
display: none;
@ -327,7 +333,7 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
}
// I can't figure out how to get this full width via CSS
return html`
<input id="search" type="text" part="input" @keydown=${this._handleSearchKeyDown}/>
<input id="search" type="text" part="input" style="width:100%" @keydown=${this._handleSearchKeyDown}/>
${edit}
`;
}