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

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

Browse Source
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
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

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

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

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