From cc8f060cdd7e62e26c9f0884c96fa3cb75973f07 Mon Sep 17 00:00:00 2001 From: nathan Date: Mon, 9 Sep 2024 11:57:52 -0600 Subject: [PATCH] CSS changes to make Et2TreeDropdown multiple=false look more like regular selectbox --- api/js/etemplate/Et2Select/Select/Et2SelectCategory.ts | 5 +++++ api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts | 6 +++++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/api/js/etemplate/Et2Select/Select/Et2SelectCategory.ts b/api/js/etemplate/Et2Select/Select/Et2SelectCategory.ts index e52728328a..e2ee6e1550 100644 --- a/api/js/etemplate/Et2Select/Select/Et2SelectCategory.ts +++ b/api/js/etemplate/Et2Select/Select/Et2SelectCategory.ts @@ -30,6 +30,11 @@ export class Et2SelectCategory extends Et2StaticSelectMixin(Et2TreeDropdown) border-inline-start: 4px solid transparent; border-inline-start-color: var(--category-color, transparent); } + + :host(:not([multiple])) .tree_tag::part(base) { + border-inline-start: 4px solid transparent; + border-inline-start-color: var(--category-color, transparent); + } ` ]; } diff --git a/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts b/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts index 00964423ed..db0d9000ee 100644 --- a/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts +++ b/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts @@ -119,11 +119,15 @@ export default css` /* Limit tag size */ .tree_tag { - color: green; max-width: 25em; overflow: hidden; } + :host(:not([multiple])) .tree_tag::part(base) { + border-color: transparent; + background-color: transparent; + } + /* End tags */ /* Search box */