jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 00:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Disable pointer events when disabled (#6155)

Browse Source
This commit is contained in:
Bram Kragten 2020-06-13 08:58:21 +02:00 committed by GitHub
parent 71137032df
commit 6d6eef4e97
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/ha-icon-button.ts
View File

@ -24,28 +24,21 @@ export class HaIconButton extends LitElement {
protected render(): TemplateResult { protected render(): TemplateResult {
return html` return html`
<mwc-icon-button <mwc-icon-button .label=${this.label} .disabled=${this.disabled}>
.label=${this.label}
?disabled=${this.disabled}
@click=${this._handleClick}
>
<ha-icon .icon=${this.icon}></ha-icon> <ha-icon .icon=${this.icon}></ha-icon>
</mwc-icon-button> </mwc-icon-button>
`; `;
} }
private _handleClick(ev) {
if (this.disabled) {
ev.stopPropagation();
}
}
static get styles(): CSSResult { static get styles(): CSSResult {
return css` return css`
:host { :host {
display: inline-block; display: inline-block;
outline: none; outline: none;
} }
:host([disabled]) {
pointer-events: none;
}
mwc-icon-button { mwc-icon-button {
--mdc-theme-on-primary: currentColor; --mdc-theme-on-primary: currentColor;
--mdc-theme-text-disabled-on-light: var(--disabled-text-color); --mdc-theme-text-disabled-on-light: var(--disabled-text-color);