diff --git a/api/js/etemplate/Et2Select/Et2Select.ts b/api/js/etemplate/Et2Select/Et2Select.ts index 6b86bd89ea..e77bd4928c 100644 --- a/api/js/etemplate/Et2Select/Et2Select.ts +++ b/api/js/etemplate/Et2Select/Et2Select.ts @@ -39,12 +39,6 @@ export class Et2Select extends Et2WithSearchMixin(Et2InvokerMixin(Et2WidgetWithS --icon-width: 20px; } - /* This is the drop-down arrow on the right */ - ::slotted([slot="suffix"]) { - font-size: 120% !important; - font-weight: bold; - color: gray !important; - } ::slotted(img), img { vertical-align: middle; diff --git a/api/js/etemplate/Et2Select/SearchMixin.ts b/api/js/etemplate/Et2Select/SearchMixin.ts index 9eb2226b55..5b90584ccc 100644 --- a/api/js/etemplate/Et2Select/SearchMixin.ts +++ b/api/js/etemplate/Et2Select/SearchMixin.ts @@ -117,9 +117,15 @@ export const Et2WithSearchMixin = >(superclass // @ts-ignore ...(super.styles ? (Symbol.iterator in Object(super.styles) ? super.styles : [super.styles]) : []), css` + /* This is the search icon on the right - hidden unless search=true */ + ::slotted([slot="suffix"]) { + font-size: 120% !important; + display:none; + } :host([search]) ::slotted([slot="suffix"]) { display: initial; } + /* Move the widget border */ .form-control-input { border: solid var(--sl-input-border-width) var(--sl-input-border-color);