diff --git a/api/js/etemplate/Et2Colorpicker/Et2Colorpicker.ts b/api/js/etemplate/Et2Colorpicker/Et2Colorpicker.ts index 7179d17c7b..7727cf244a 100644 --- a/api/js/etemplate/Et2Colorpicker/Et2Colorpicker.ts +++ b/api/js/etemplate/Et2Colorpicker/Et2Colorpicker.ts @@ -9,7 +9,7 @@ */ -import {css, html, PropertyValues} from "@lion/core"; +import {css, html, PropertyValues, render} from "@lion/core"; import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget"; import {SlColorPicker} from "@shoelace-style/shoelace"; import shoelace from "../Styles/shoelace"; @@ -33,6 +33,9 @@ export class Et2Colorpicker extends Et2InputWidget(SlColorPicker) align-items: center } + .color-dropdown__trigger--empty .input__clear { + display: none; + } .input__clear { display: inline-flex; align-items: center; @@ -77,7 +80,7 @@ export class Et2Colorpicker extends Et2InputWidget(SlColorPicker) this.dropdown.placement = "right"; // Add in clear button - parent has no accessible slots - //render(this._clearButtonTemplate(), this._buttonNode); + render(this._clearButtonTemplate(), this._buttonNode); } private get _buttonNode() : HTMLElement