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

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/panels/lovelace/cards/hui-light-card.ts
View File

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

11
src/panels/lovelace/cards/hui-thermostat-card.ts
View File

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