Et2TreeDropdown style fixes

- multiple display of placeholder
- vertical alignment of tags when there's only 1 row of them
This commit is contained in:
nathan 2024-09-18 10:42:16 -06:00
parent a3c7237907
commit 1294220e7e
2 changed files with 3 additions and 6 deletions

View File

@ -147,7 +147,8 @@ export default css`
flex-wrap: wrap; flex-wrap: wrap;
align-content: center; align-content: center;
gap: 0.1rem 0.5rem; gap: 0.1rem 0.5rem;
padding-top: var(--sl-spacing-3x-small); margin-top: 1px;
padding: var(--sl-spacing-3x-small) 0;
max-height: calc(var(--height, 5) * var(--sl-input-height-medium)); max-height: calc(var(--height, 5) * var(--sl-input-height-medium));
min-width: 0px; min-width: 0px;
} }
@ -191,10 +192,6 @@ export default css`
cursor: text; cursor: text;
} }
:host(:not([open])) .tree-dropdown--has-value.tree-dropdown--multiple .tree-dropdown__search {
visibility: hidden;
}
.tree-dropdown--disabled .tree-dropdown__search { .tree-dropdown--disabled .tree-dropdown__search {
cursor: not-allowed; cursor: not-allowed;
} }

View File

@ -718,7 +718,7 @@ export class Et2TreeDropdown extends SearchMixin<Constructor<any> & Et2InputWidg
{ {
let placeholder = this.egw().lang("search"); let placeholder = this.egw().lang("search");
let image : symbol | TemplateResult = nothing; let image : symbol | TemplateResult = nothing;
if(this.disabled || this.readonly || (this.open && this.value)) if(this.disabled || this.readonly || (this.open && this.value) || (this.multiple && this.value.length > 0))
{ {
placeholder = ""; placeholder = "";
} }