extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-07 08:34:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2Select: Fix doubled tags, long tags missing ellipsis

Browse Source
This commit is contained in:
nathan 2023-04-18 10:36:34 -06:00
parent 6db4bdbac0
commit 5a824ef25b
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -83,14 +83,18 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
/* No horizontal scrollbar, even if options are long */
.dropdown__panel {
overflow-x: clip;
}
/* Ellipsis when too small */
.select__label {
}
/* Ellipsis when too small */
.select_tags {
max-width: 100%;
}
.select__label {
display: block;
text-overflow: ellipsis;
/* This is usually not used due to flex, but is the basis for ellipsis calculation */
width: 10ex;
}
text-overflow: ellipsis;
/* This is usually not used due to flex, but is the basis for ellipsis calculation */
width: 10ex;
}
/** multiple=true uses tags for each value **/
/* styling for icon inside tag (not option) */

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

@ -779,7 +779,7 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
handleMenuSelect(event)
{
// Need to keep the remote option - only if selected
if(event.detail.item.classList.contains("remote") && !this._selected_remote.find(o => o.value == event.detail.item.value))
if(event.detail.item.classList.contains("remote") && !this.select_options.find(o => o.value == event.detail.item.value))
{
this._selected_remote.push({...event.detail.item.option});
}