From 3fd2cacf57dedf274b1491994cf2dbb03c4594dd Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 21 Nov 2023 14:54:14 -0700 Subject: [PATCH] Et2Select: Fix overflow / row limit --- api/js/etemplate/Et2Select/Et2Select.ts | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/api/js/etemplate/Et2Select/Et2Select.ts b/api/js/etemplate/Et2Select/Et2Select.ts index 475c1044fe..1e96f1193a 100644 --- a/api/js/etemplate/Et2Select/Et2Select.ts +++ b/api/js/etemplate/Et2Select/Et2Select.ts @@ -93,7 +93,8 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect) } /* Ellipsis when too small */ - .select__tags { + + ::part(tags) { max-width: 100%; } .select__label { @@ -112,29 +113,24 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect) /* Maximum height + scrollbar on tags (+ other styling) */ - .select__tags { + ::part(tags) { margin-left: 0px; max-height: initial; overflow-y: auto; gap: 0.1rem 0.5rem; } - .select--medium .select__tags { - padding-top: 2px; - padding-bottom: 2px; + :host([rows]) ::part(tags) { + max-height: calc(var(--rows, 5) * 2.3em); } - :host([rows]) .select__control > .select__label > .select__tags { - max-height: calc(var(--rows, 5) * 29px); - } - - :host([rows='1']) .select__tags { + :host([rows='1']) ::part(tags) { overflow: hidden; } /* Keep overflow tag right-aligned. It's the only sl-tag. */ - .select__tags sl-tag { + ::part(tags) sl-tag { margin-left: auto; }