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 {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