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

Fix tile card interaction when border width is set to 0 (#18941)

Browse Source
This commit is contained in:
Paul Bottein 2023-12-07 14:40:23 +01:00 committed by GitHub
parent eebcab435d
commit 8d08aa8c79
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 75 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/panels/lovelace/cards/hui-tile-card.ts
View File

@ -310,7 +310,6 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
if (!stateObj) { if (!stateObj) {
return html` return html`
<ha-card> <ha-card>
<div class="tile">
<div class="content ${classMap(contentClasses)}"> <div class="content ${classMap(contentClasses)}">
<div class="icon-container"> <div class="icon-container">
<ha-tile-icon class="icon" .iconPath=${mdiHelp}></ha-tile-icon> <ha-tile-icon class="icon" .iconPath=${mdiHelp}></ha-tile-icon>
@ -328,7 +327,6 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
secondary=${this.hass.localize("ui.card.tile.not_found")} secondary=${this.hass.localize("ui.card.tile.not_found")}
></ha-tile-info> ></ha-tile-info>
</div> </div>
</div>
</ha-card> </ha-card>
`; `;
} }
@ -359,7 +357,6 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
return html` return html`
<ha-card style=${styleMap(style)} class=${classMap({ active })}> <ha-card style=${styleMap(style)} class=${classMap({ active })}>
<div class="tile">
<div <div
class="background" class="background"
@action=${this._handleAction} @action=${this._handleAction}
@ -426,7 +423,6 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
.secondary=${localizedState} .secondary=${localizedState}
></ha-tile-info> ></ha-tile-info>
</div> </div>
</div>
<hui-card-features <hui-card-features
.hass=${this.hass} .hass=${this.hass}
.stateObj=${stateObj} .stateObj=${stateObj}
@ -472,7 +468,7 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
bottom: 0; bottom: 0;
right: 0; right: 0;
border-radius: var(--ha-card-border-radius, 12px); border-radius: var(--ha-card-border-radius, 12px);
inset: calc(-1 * var(--ha-card-border-width, 1px)); margin: calc(-1 * var(--ha-card-border-width, 1px));
overflow: hidden; overflow: hidden;
} }
.content { .content {