Et2Colorpicker: Turn on clear value button

This commit is contained in:
nathan 2022-08-04 14:03:28 -06:00
parent 098c2ab3f0
commit f08eaa9fdc

View File

@ -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 {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget";
import {SlColorPicker} from "@shoelace-style/shoelace"; import {SlColorPicker} from "@shoelace-style/shoelace";
import shoelace from "../Styles/shoelace"; import shoelace from "../Styles/shoelace";
@ -33,6 +33,9 @@ export class Et2Colorpicker extends Et2InputWidget(SlColorPicker)
align-items: center align-items: center
} }
.color-dropdown__trigger--empty .input__clear {
display: none;
}
.input__clear { .input__clear {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -77,7 +80,7 @@ export class Et2Colorpicker extends Et2InputWidget(SlColorPicker)
this.dropdown.placement = "right"; this.dropdown.placement = "right";
// Add in clear button - parent has no accessible slots // Add in clear button - parent has no accessible slots
//render(this._clearButtonTemplate(), this._buttonNode); render(this._clearButtonTemplate(), this._buttonNode);
} }
private get _buttonNode() : HTMLElement private get _buttonNode() : HTMLElement