diff --git a/gallery/src/pages/lovelace/tile-card.ts b/gallery/src/pages/lovelace/tile-card.ts index b161b51a52..7113f4d048 100644 --- a/gallery/src/pages/lovelace/tile-card.ts +++ b/gallery/src/pages/lovelace/tile-card.ts @@ -79,6 +79,18 @@ const CONFIGS = [ color: pink `, }, + { + heading: "Whole tile tap action", + config: ` +- type: tile + entity: switch.tv_outlet + color: pink + tap_action: + action: toggle + icon_tap_action: + action: none + `, + }, { heading: "Unknown entity", config: ` diff --git a/src/panels/lovelace/cards/hui-tile-card.ts b/src/panels/lovelace/cards/hui-tile-card.ts index e400e147ce..98faa89eaf 100644 --- a/src/panels/lovelace/cards/hui-tile-card.ts +++ b/src/panels/lovelace/cards/hui-tile-card.ts @@ -525,6 +525,9 @@ export class HuiTileCard extends LitElement implements LovelaceCard { top: -3px; right: -3px; } + .icon-container:not([role="button"]) { + pointer-events: none; + } .icon-container[role="button"]:focus-visible, .icon-container[role="button"]:active { transform: scale(1.2);