jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 13:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert to 372ecc6

Browse Source
This commit is contained in:
Denis Shulyaka 2020-06-20 22:25:21 +03:00
parent b242c6651a
commit 2cc9d70915
2 changed files with 42 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/entity/ha-entity-humidifier.ts
View File

@ -27,39 +27,35 @@ class HaEntityHumidifier extends HaEntityToggle {
`;
}
static get styles(): CSSResult[] {
const toggle_styles = super.styles;
const humidifier_styles = [
css`
:host {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
static get styles(): CSSResult {
return css`
:host {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.target {
color: var(--primary-text-color);
}
.target {
color: var(--primary-text-color);
}
.current {
color: var(--secondary-text-color);
}
.current {
color: var(--secondary-text-color);
}
.state-label {
font-weight: bold;
text-transform: capitalize;
}
.state-label {
font-weight: bold;
text-transform: capitalize;
}
.unit {
display: inline-block;
direction: ltr;
}
`,
];
return toggle_styles
? toggle_styles.concat(humidifier_styles)
: humidifier_styles;
.unit {
display: inline-block;
direction: ltr;
}
${super.styles}
`;
}
}

39
src/components/entity/ha-entity-toggle.ts
View File

@ -138,28 +138,23 @@ export class HaEntityToggle extends LitElement {
}, 2000);
}
static get styles(): CSSResult[] {
return [
css`
:host {
white-space: nowrap;
min-width: 38px;
}
ha-icon-button {
color: var(
--ha-icon-button-inactive-color,
var(--primary-text-color)
);
transition: color 0.5s;
}
ha-icon-button[state-active] {
color: var(--ha-icon-button-active-color, var(--primary-color));
}
ha-switch {
padding: 13px 5px;
}
`,
];
static get styles(): CSSResult {
return css`
:host {
white-space: nowrap;
min-width: 38px;
}
ha-icon-button {
color: var(--ha-icon-button-inactive-color, var(--primary-text-color));
transition: color 0.5s;
}
ha-icon-button[state-active] {
color: var(--ha-icon-button-active-color, var(--primary-color));
}
ha-switch {
padding: 13px 5px;
}
`;
}
}