Fix more info on light/thermostat pushing content (#2669)

This commit is contained in:
Paulus Schoutsen 2019-02-03 11:19:14 -08:00 committed by GitHub
parent acce6f0b2f
commit 5d42e4f68d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 10 deletions

View File

@ -5,6 +5,7 @@ import {
PropertyDeclarations,
TemplateResult,
} from "lit-element";
import "@polymer/paper-icon-button/paper-icon-button";
import { fireEvent } from "../../../common/dom/fire_event";
import { styleMap } from "lit-html/directives/style-map";
@ -96,11 +97,11 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
</div>
`
: html`
<ha-icon
<paper-icon-button
icon="hass:dots-vertical"
class="more-info"
@click="${this._handleMoreInfo}"
></ha-icon>
></paper-icon-button>
<div id="light"></div>
<div id="tooltip">
<div class="icon-state">
@ -286,10 +287,10 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
padding: 8px;
}
.more-info {
float: right;
position: absolute;
cursor: pointer;
padding-top: 16px;
padding-right: 16px;
top: 0;
right: 0;
z-index: 25;
color: var(--secondary-text-color);
}

View File

@ -6,6 +6,7 @@ import {
TemplateResult,
} from "lit-element";
import { classMap } from "lit-html/directives/class-map";
import "@polymer/paper-icon-button/paper-icon-button";
import "../../../components/ha-card";
import "../../../components/ha-icon";
@ -123,11 +124,11 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
small: !this._broadCard,
})}">
<div id="root">
<ha-icon
<paper-icon-button
icon="hass:dots-vertical"
class="more-info"
@click="${this._handleMoreInfo}"
></ha-icon>
></paper-icon-button>
<div id="thermostat"></div>
<div id="tooltip">
<div class="title">${this._config.name ||
@ -548,10 +549,10 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
margin-left: var(--uom-margin-left);
}
.more-info {
float: right;
position: absolute;
cursor: pointer;
padding-top: 16px;
padding-right: 16px;
top: 0;
right: 0;
z-index: 25;
color: var(--secondary-text-color);
}