Fix z-index light and thermostat more info button (#6561)

This commit is contained in:
Bram Kragten 2020-08-07 11:43:20 +02:00 committed by GitHub
parent a56c0b52d5
commit b30e467685
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 8 deletions

View File

@ -32,6 +32,7 @@ import { hasConfigOrEntityChanged } from "../common/has-changed";
import { createEntityNotFoundWarning } from "../components/hui-warning";
import { LovelaceCard, LovelaceCardEditor } from "../types";
import { LightCardConfig } from "./types";
import { mdiDotsVertical } from "@mdi/js";
@customElement("hui-light-card")
export class HuiLightCard extends LitElement implements LovelaceCard {
@ -101,12 +102,14 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
return html`
<ha-card>
<ha-icon-button
icon="hass:dots-vertical"
<mwc-icon-button
class="more-info"
label="Open more info"
@click=${this._handleMoreInfo}
tabindex="0"
></ha-icon-button>
>
<ha-svg-icon .path=${mdiDotsVertical}></ha-svg-icon>
</mwc-icon-button>
<div class="content">
<div id="controls">
@ -284,7 +287,7 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
right: 0;
border-radius: 100%;
color: var(--secondary-text-color);
z-index: 25;
z-index: 1;
}
.content {

View File

@ -35,6 +35,7 @@ import { createEntityNotFoundWarning } from "../components/hui-warning";
import { LovelaceCard, LovelaceCardEditor } from "../types";
import { ThermostatCardConfig } from "./types";
import type { HaCard } from "../../../components/ha-card";
import { mdiDotsVertical } from "@mdi/js";
const modeIcons: { [mode in HvacMode]: string } = {
auto: "hass:calendar-sync",
@ -216,12 +217,14 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
[mode]: true,
})}
>
<ha-icon-button
icon="hass:dots-vertical"
<mwc-icon-button
class="more-info"
label="Open more info"
@click=${this._handleMoreInfo}
tabindex="0"
></ha-icon-button>
>
<ha-svg-icon .path=${mdiDotsVertical}></ha-svg-icon>
</mwc-icon-button>
<div class="content">
<div id="controls">
@ -465,7 +468,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
right: 0;
border-radius: 100%;
color: var(--secondary-text-color);
z-index: 25;
z-index: 1;
}
.content {