From 5e28e1b320f89d588893c8cd054f7535f087d40c Mon Sep 17 00:00:00 2001 From: Ian Richardson Date: Sat, 21 Sep 2019 04:59:27 -0500 Subject: [PATCH] Switch paper-toggle-button to mwc-switch (#3683) * Switch paper-toggle-button to mwc-switch Closes https://github.com/home-assistant/home-assistant-polymer/issues/3352 * ha-switch * apply not-checked theming Thanks @bramkragten! * address review comments --- gallery/src/components/demo-cards.js | 6 +-- gallery/src/components/demo-more-infos.js | 6 +-- hassio/src/addon-view/hassio-addon-info.js | 24 ++++++------ package.json | 2 +- src/components/entity/ha-entity-toggle.ts | 16 ++++---- .../ha-push-notifications-toggle.js | 8 ++-- src/components/ha-switch.ts | 37 +++++++++++++++++++ .../dialog-config-entry-system-options.ts | 15 +++++--- .../more-info/controls/more-info-climate.ts | 6 +-- .../more-info/controls/more-info-fan.js | 9 +++-- .../controls/more-info-water_heater.js | 12 +++--- .../config/cloud/account/cloud-account.js | 13 +++---- .../config/cloud/account/cloud-alexa-pref.ts | 20 +++++----- .../config/cloud/account/cloud-google-pref.ts | 14 +++---- .../config/cloud/account/cloud-remote-pref.ts | 14 +++---- .../config/cloud/account/cloud-webhooks.ts | 7 ++-- src/panels/config/cloud/alexa/cloud-alexa.ts | 29 ++++++++------- .../cloud-google-assistant.ts | 37 ++++++++++--------- .../dialog-entity-registry-detail.ts | 17 +++++---- .../components/hui-entities-toggle.ts | 15 ++++---- src/panels/lovelace/components/hui-image.ts | 2 - .../config-elements/config-elements-style.ts | 2 +- .../hui-entities-card-editor.ts | 6 +-- .../hui-entity-button-card-editor.ts | 8 ++-- .../config-elements/hui-gauge-card-editor.ts | 8 ++-- .../config-elements/hui-glance-card-editor.ts | 14 +++---- .../config-elements/hui-map-card-editor.ts | 4 +- .../editor/view-editor/hui-view-editor.ts | 10 ++--- src/panels/profile/ha-advanced-mode-card.ts | 4 +- src/panels/profile/ha-force-narrow-row.ts | 16 ++++---- src/resources/ha-style.ts | 2 +- yarn.lock | 35 +++++++++++++----- 32 files changed, 240 insertions(+), 178 deletions(-) create mode 100644 src/components/ha-switch.ts diff --git a/gallery/src/components/demo-cards.js b/gallery/src/components/demo-cards.js index 0516e3078a..a73bc53a2f 100644 --- a/gallery/src/components/demo-cards.js +++ b/gallery/src/components/demo-cards.js @@ -1,9 +1,9 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "@polymer/app-layout/app-toolbar/app-toolbar"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import "./demo-card"; +import "../../../src/components/ha-switch"; class DemoCards extends PolymerElement { static get template() { @@ -26,9 +26,7 @@ class DemoCards extends PolymerElement {
- Show config + Show config
diff --git a/gallery/src/components/demo-more-infos.js b/gallery/src/components/demo-more-infos.js index 3bd1626a54..8f82e2a8ab 100644 --- a/gallery/src/components/demo-more-infos.js +++ b/gallery/src/components/demo-more-infos.js @@ -1,9 +1,9 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "@polymer/app-layout/app-toolbar/app-toolbar"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import "./demo-more-info"; +import "../../../src/components/ha-switch"; class DemoMoreInfos extends PolymerElement { static get template() { @@ -26,9 +26,7 @@ class DemoMoreInfos extends PolymerElement {
- Show entity + Show entity
diff --git a/hassio/src/addon-view/hassio-addon-info.js b/hassio/src/addon-view/hassio-addon-info.js index dc6c05d696..10df924f6e 100644 --- a/hassio/src/addon-view/hassio-addon-info.js +++ b/hassio/src/addon-view/hassio-addon-info.js @@ -2,19 +2,19 @@ import "@polymer/iron-icon/iron-icon"; import "@material/mwc-button"; import "@polymer/paper-card/paper-card"; import "@polymer/paper-tooltip/paper-tooltip"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../src/components/ha-label-badge"; import "../../../src/components/ha-markdown"; import "../../../src/components/buttons/ha-call-api-button"; +import "../../../src/components/ha-switch"; import "../../../src/resources/ha-style"; +import "../components/hassio-card-content"; + import { EventsMixin } from "../../../src/mixins/events-mixin"; import { navigate } from "../../../src/common/navigate"; - import { showHassioMarkdownDialog } from "../dialogs/markdown/show-dialog-hassio-markdown"; -import "../components/hassio-card-content"; const PERMIS_DESC = { rating: { @@ -122,7 +122,7 @@ class HassioAddonInfo extends EventsMixin(PolymerElement) { width: 16px; color: var(--secondary-text-color); } - paper-toggle-button { + ha-switch { display: inline; } iron-icon.running { @@ -348,26 +348,26 @@ class HassioAddonInfo extends EventsMixin(PolymerElement) { diff --git a/src/panels/config/cloud/account/cloud-account.js b/src/panels/config/cloud/account/cloud-account.js index d78754d9b9..0b9c3ed411 100644 --- a/src/panels/config/cloud/account/cloud-account.js +++ b/src/panels/config/cloud/account/cloud-account.js @@ -1,6 +1,5 @@ import "@material/mwc-button"; import "@polymer/paper-item/paper-item-body"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; @@ -8,18 +7,18 @@ import "../../../../components/ha-card"; import "../../../../components/buttons/ha-call-api-button"; import "../../../../layouts/hass-subpage"; import "../../../../resources/ha-style"; - import "../../ha-config-section"; import "./cloud-webhooks"; - -import formatDateTime from "../../../../common/datetime/format_date_time"; -import { EventsMixin } from "../../../../mixins/events-mixin"; -import LocalizeMixin from "../../../../mixins/localize-mixin"; -import { fetchCloudSubscriptionInfo } from "../../../../data/cloud"; import "./cloud-alexa-pref"; import "./cloud-google-pref"; import "./cloud-remote-pref"; +import { EventsMixin } from "../../../../mixins/events-mixin"; +import { fetchCloudSubscriptionInfo } from "../../../../data/cloud"; + +import formatDateTime from "../../../../common/datetime/format_date_time"; +import LocalizeMixin from "../../../../mixins/localize-mixin"; + /* * @appliesMixin EventsMixin * @appliesMixin LocalizeMixin diff --git a/src/panels/config/cloud/account/cloud-alexa-pref.ts b/src/panels/config/cloud/account/cloud-alexa-pref.ts index dcbeee76be..ab8c787b6a 100644 --- a/src/panels/config/cloud/account/cloud-alexa-pref.ts +++ b/src/panels/config/cloud/account/cloud-alexa-pref.ts @@ -7,12 +7,12 @@ import { property, } from "lit-element"; import "@material/mwc-button"; -import "@polymer/paper-toggle-button/paper-toggle-button"; -// tslint:disable-next-line -import { PaperToggleButtonElement } from "@polymer/paper-toggle-button/paper-toggle-button"; import "../../../../components/ha-card"; +import "../../../../components/ha-switch"; +// tslint:disable-next-line: no-duplicate-imports +import { HaSwitch } from "../../../../components/ha-switch"; import { fireEvent } from "../../../../common/dom/fire_event"; import { HomeAssistant } from "../../../../types"; import { CloudStatusLoggedIn, updateCloudPref } from "../../../../data/cloud"; @@ -32,10 +32,10 @@ export class CloudAlexaPref extends LitElement { return html` - + >
With the Alexa integration for Home Assistant Cloud you'll be able to control all your Home Assistant devices via any Alexa-enabled device. @@ -70,10 +70,10 @@ export class CloudAlexaPref extends LitElement { allows you to always see the latest states in the Alexa app and use the state changes to create routines.

- + > ` : ""}
@@ -102,7 +102,7 @@ export class CloudAlexaPref extends LitElement { } private async _enabledToggleChanged(ev) { - const toggle = ev.target as PaperToggleButtonElement; + const toggle = ev.target as HaSwitch; try { await updateCloudPref(this.hass!, { alexa_enabled: toggle.checked! }); fireEvent(this, "ha-refresh-cloud-status"); @@ -112,7 +112,7 @@ export class CloudAlexaPref extends LitElement { } private async _reportToggleChanged(ev) { - const toggle = ev.target as PaperToggleButtonElement; + const toggle = ev.target as HaSwitch; try { await updateCloudPref(this.hass!, { alexa_report_state: toggle.checked!, @@ -133,7 +133,7 @@ export class CloudAlexaPref extends LitElement { a { color: var(--primary-color); } - ha-card > paper-toggle-button { + ha-card > ha-switch { margin: -4px 0; position: absolute; right: 8px; diff --git a/src/panels/config/cloud/account/cloud-google-pref.ts b/src/panels/config/cloud/account/cloud-google-pref.ts index 9035eaebd9..102bb513c0 100644 --- a/src/panels/config/cloud/account/cloud-google-pref.ts +++ b/src/panels/config/cloud/account/cloud-google-pref.ts @@ -7,13 +7,13 @@ import { css, } from "lit-element"; import "@material/mwc-button"; -import "@polymer/paper-toggle-button/paper-toggle-button"; -// tslint:disable-next-line -import { PaperToggleButtonElement } from "@polymer/paper-toggle-button/paper-toggle-button"; import "../../../../components/buttons/ha-call-api-button"; import "../../../../components/ha-card"; +import "../../../../components/ha-switch"; +// tslint:disable-next-line +import { HaSwitch } from "../../../../components/ha-switch"; import { fireEvent } from "../../../../common/dom/fire_event"; import { HomeAssistant } from "../../../../types"; import { CloudStatusLoggedIn, updateCloudPref } from "../../../../data/cloud"; @@ -43,11 +43,11 @@ export class CloudGooglePref extends LitElement { return html` - + >
With the Google Assistant integration for Home Assistant Cloud you'll be able to control all your Home Assistant devices via any Google @@ -110,7 +110,7 @@ export class CloudGooglePref extends LitElement { } private async _toggleChanged(ev) { - const toggle = ev.target as PaperToggleButtonElement; + const toggle = ev.target as HaSwitch; try { await updateCloudPref(this.hass!, { [toggle.id]: toggle.checked! }); fireEvent(this, "ha-refresh-cloud-status"); @@ -138,7 +138,7 @@ export class CloudGooglePref extends LitElement { a { color: var(--primary-color); } - ha-card > paper-toggle-button { + ha-card > ha-switch { margin: -4px 0; position: absolute; right: 8px; diff --git a/src/panels/config/cloud/account/cloud-remote-pref.ts b/src/panels/config/cloud/account/cloud-remote-pref.ts index 1c70724251..3d54ff8fbf 100644 --- a/src/panels/config/cloud/account/cloud-remote-pref.ts +++ b/src/panels/config/cloud/account/cloud-remote-pref.ts @@ -8,13 +8,13 @@ import { css, } from "lit-element"; import "@material/mwc-button"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import "@polymer/paper-item/paper-item-body"; -// tslint:disable-next-line -import { PaperToggleButtonElement } from "@polymer/paper-toggle-button/paper-toggle-button"; import "../../../../components/ha-card"; +import "../../../../components/ha-switch"; +// tslint:disable-next-line +import { HaSwitch } from "../../../../components/ha-switch"; import { fireEvent } from "../../../../common/dom/fire_event"; import { HomeAssistant } from "../../../../types"; import { @@ -59,10 +59,10 @@ export class CloudRemotePref extends LitElement { return html` - + >
Home Assistant Cloud provides a secure remote connection to your instance while away from home. Your instance @@ -95,7 +95,7 @@ export class CloudRemotePref extends LitElement { } private async _toggleChanged(ev) { - const toggle = ev.target as PaperToggleButtonElement; + const toggle = ev.target as HaSwitch; try { if (toggle.checked) { @@ -118,7 +118,7 @@ export class CloudRemotePref extends LitElement { a { color: var(--primary-color); } - ha-card > paper-toggle-button { + ha-card > ha-switch { margin: -4px 0; position: absolute; right: 8px; diff --git a/src/panels/config/cloud/account/cloud-webhooks.ts b/src/panels/config/cloud/account/cloud-webhooks.ts index bd0f0077f5..ba0d30c4d6 100644 --- a/src/panels/config/cloud/account/cloud-webhooks.ts +++ b/src/panels/config/cloud/account/cloud-webhooks.ts @@ -4,11 +4,12 @@ import { PropertyDeclarations, PropertyValues, } from "lit-element"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import "@polymer/paper-item/paper-item"; import "@polymer/paper-item/paper-item-body"; import "@polymer/paper-spinner/paper-spinner"; + import "../../../../components/ha-card"; +import "../../../../components/ha-switch"; import { HomeAssistant, WebhookError } from "../../../../types"; import { Webhook, fetchWebhooks } from "../../../../data/webhook"; @@ -116,9 +117,7 @@ export class CloudWebhooks extends LitElement { ` : html` - + `}
` diff --git a/src/panels/config/cloud/alexa/cloud-alexa.ts b/src/panels/config/cloud/alexa/cloud-alexa.ts index ee94b90ec5..afdb072eae 100644 --- a/src/panels/config/cloud/alexa/cloud-alexa.ts +++ b/src/panels/config/cloud/alexa/cloud-alexa.ts @@ -7,12 +7,15 @@ import { customElement, property, } from "lit-element"; -import "@polymer/paper-toggle-button"; import "@polymer/paper-icon-button"; +import memoizeOne from "memoize-one"; + import "../../../../layouts/hass-subpage"; import "../../../../layouts/hass-loading-screen"; import "../../../../components/ha-card"; +import "../../../../components/ha-switch"; import "../../../../components/entity/state-info"; + import { HomeAssistant } from "../../../../types"; import { CloudStatusLoggedIn, @@ -20,19 +23,20 @@ import { updateCloudAlexaEntityConfig, AlexaEntityConfig, } from "../../../../data/cloud"; -import memoizeOne from "memoize-one"; import { generateFilter, isEmptyFilter, EntityFilter, } from "../../../../common/entity/entity_filter"; import { compare } from "../../../../common/string/compare"; -import computeStateName from "../../../../common/entity/compute_state_name"; import { fireEvent } from "../../../../common/dom/fire_event"; -import { PolymerChangedEvent } from "../../../../polymer-types"; import { showDomainTogglerDialog } from "../../../../dialogs/domain-toggler/show-dialog-domain-toggler"; -import computeDomain from "../../../../common/entity/compute_domain"; import { AlexaEntity, fetchCloudAlexaEntities } from "../../../../data/alexa"; +// tslint:disable-next-line: no-duplicate-imports +import { HaSwitch } from "../../../../components/ha-switch"; + +import computeStateName from "../../../../common/entity/compute_state_name"; +import computeDomain from "../../../../common/entity/compute_domain"; const DEFAULT_CONFIG_EXPOSE = true; const IGNORE_INTERFACES = ["Alexa.EndpointHealth"]; @@ -126,14 +130,14 @@ class CloudAlexa extends LitElement { ) .join(", ")} - Expose to Alexa - +
`); @@ -227,9 +231,9 @@ class CloudAlexa extends LitElement { fireEvent(this, "hass-more-info", { entityId }); } - private async _exposeChanged(ev: PolymerChangedEvent) { + private async _exposeChanged(ev: Event) { const entityId = (ev.currentTarget as any).entityId; - const newExposed = ev.detail.value; + const newExposed = (ev.target as HaSwitch).checked; await this._updateExposed(entityId, newExposed); } @@ -328,9 +332,8 @@ class CloudAlexa extends LitElement { display: flex; flex-wrap: wrap; padding: 4px; - --paper-toggle-button-label-spacing: 16px; } - paper-toggle-button { + ha-switch { clear: both; } ha-card { @@ -344,7 +347,7 @@ class CloudAlexa extends LitElement { state-info { cursor: pointer; } - paper-toggle-button { + ha-switch { padding: 8px 0; } diff --git a/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts b/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts index 084ff1bab9..08683dfb92 100644 --- a/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts +++ b/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts @@ -7,12 +7,15 @@ import { customElement, property, } from "lit-element"; -import "@polymer/paper-toggle-button"; +import memoizeOne from "memoize-one"; import "@polymer/paper-icon-button"; + import "../../../../layouts/hass-subpage"; import "../../../../layouts/hass-loading-screen"; import "../../../../components/ha-card"; import "../../../../components/entity/state-info"; +import "../../../../components/ha-switch"; + import { HomeAssistant } from "../../../../types"; import { CloudStatusLoggedIn, @@ -21,23 +24,24 @@ import { cloudSyncGoogleAssistant, GoogleEntityConfig, } from "../../../../data/cloud"; -import memoizeOne from "memoize-one"; import { generateFilter, isEmptyFilter, EntityFilter, } from "../../../../common/entity/entity_filter"; import { compare } from "../../../../common/string/compare"; -import computeStateName from "../../../../common/entity/compute_state_name"; import { fireEvent } from "../../../../common/dom/fire_event"; import { showToast } from "../../../../util/toast"; -import { PolymerChangedEvent } from "../../../../polymer-types"; import { showDomainTogglerDialog } from "../../../../dialogs/domain-toggler/show-dialog-domain-toggler"; -import computeDomain from "../../../../common/entity/compute_domain"; import { GoogleEntity, fetchCloudGoogleEntities, } from "../../../../data/google_assistant"; +// tslint:disable-next-line: no-duplicate-imports +import { HaSwitch } from "../../../../components/ha-switch"; + +import computeStateName from "../../../../common/entity/compute_state_name"; +import computeDomain from "../../../../common/entity/compute_domain"; const DEFAULT_CONFIG_EXPOSE = true; @@ -122,23 +126,23 @@ class CloudGoogleAssistant extends LitElement { .map((trait) => trait.substr(trait.lastIndexOf(".") + 1)) .join(", ")} - Expose to Google Assistant - + ${entity.might_2fa ? html` - Disable two factor authentication - + ` : ""}
@@ -234,9 +238,9 @@ class CloudGoogleAssistant extends LitElement { fireEvent(this, "hass-more-info", { entityId }); } - private async _exposeChanged(ev: PolymerChangedEvent) { + private async _exposeChanged(ev: Event) { const entityId = (ev.currentTarget as any).entityId; - const newExposed = ev.detail.value; + const newExposed = (ev.target as HaSwitch).checked; await this._updateExposed(entityId, newExposed); } @@ -251,9 +255,9 @@ class CloudGoogleAssistant extends LitElement { this._ensureEntitySync(); } - private async _disable2FAChanged(ev: PolymerChangedEvent) { + private async _disable2FAChanged(ev: Event) { const entityId = (ev.currentTarget as any).entityId; - const newDisable2FA = ev.detail.value; + const newDisable2FA = (ev.target as HaSwitch).checked; const curDisable2FA = Boolean( (this._entityConfigs[entityId] || {}).disable_2fa ); @@ -348,7 +352,6 @@ class CloudGoogleAssistant extends LitElement { display: flex; flex-wrap: wrap; padding: 4px; - --paper-toggle-button-label-spacing: 16px; } ha-card { margin: 4px; @@ -361,7 +364,7 @@ class CloudGoogleAssistant extends LitElement { state-info { cursor: pointer; } - paper-toggle-button { + ha-switch { padding: 8px 0; } diff --git a/src/panels/config/entity_registry/dialog-entity-registry-detail.ts b/src/panels/config/entity_registry/dialog-entity-registry-detail.ts index 2a6ac0553f..b1bbbd03b9 100644 --- a/src/panels/config/entity_registry/dialog-entity-registry-detail.ts +++ b/src/panels/config/entity_registry/dialog-entity-registry-detail.ts @@ -8,16 +8,19 @@ import { } from "lit-element"; import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable"; import "@polymer/paper-input/paper-input"; -import "@polymer/paper-toggle-button/paper-toggle-button"; import "../../../components/dialog/ha-paper-dialog"; +import "../../../components/ha-switch"; import { EntityRegistryDetailDialogParams } from "./show-dialog-entity-registry-detail"; import { PolymerChangedEvent } from "../../../polymer-types"; import { haStyleDialog } from "../../../resources/styles"; import { HomeAssistant } from "../../../types"; -import computeDomain from "../../../common/entity/compute_domain"; import { HassEntity } from "home-assistant-js-websocket"; +// tslint:disable-next-line: no-duplicate-imports +import { HaSwitch } from "../../../components/ha-switch"; + +import computeDomain from "../../../common/entity/compute_domain"; import computeStateName from "../../../common/entity/compute_state_name"; class DialogEntityRegistryDetail extends LitElement { @@ -95,9 +98,9 @@ class DialogEntityRegistryDetail extends LitElement { .disabled=${this._submitting} >
-
@@ -121,7 +124,7 @@ class DialogEntityRegistryDetail extends LitElement {
Note: this might not work yet with all integrations.
- +
@@ -190,8 +193,8 @@ class DialogEntityRegistryDetail extends LitElement { this._params = undefined; } } - private _disabledByChanged(ev: PolymerChangedEvent): void { - this._disabledBy = ev.detail.value ? null : "user"; + private _disabledByChanged(ev: Event): void { + this._disabledBy = (ev.target as HaSwitch).checked ? null : "user"; } static get styles(): CSSResult[] { diff --git a/src/panels/lovelace/components/hui-entities-toggle.ts b/src/panels/lovelace/components/hui-entities-toggle.ts index 2d5feeaa8b..8c9c601e62 100644 --- a/src/panels/lovelace/components/hui-entities-toggle.ts +++ b/src/panels/lovelace/components/hui-entities-toggle.ts @@ -8,8 +8,11 @@ import { css, CSSResult, } from "lit-element"; -import { PaperToggleButtonElement } from "@polymer/paper-toggle-button/paper-toggle-button"; +import "../../../components/ha-switch"; + +// tslint:disable-next-line: no-duplicate-imports +import { HaSwitch } from "../../../components/ha-switch"; import { DOMAINS_TOGGLE } from "../../../common/const"; import { turnOnOffEntities } from "../common/entity/turn-on-off-entities"; import { HomeAssistant } from "../../../types"; @@ -40,14 +43,14 @@ class HuiEntitiesToggle extends LitElement { } return html` - + > `; } @@ -57,9 +60,7 @@ class HuiEntitiesToggle extends LitElement { width: 38px; display: block; } - paper-toggle-button { - cursor: pointer; - --paper-toggle-button-label-spacing: 0; + ha-switch { padding: 13px 5px; margin: -4px -5px; } @@ -68,7 +69,7 @@ class HuiEntitiesToggle extends LitElement { private _callService(ev: MouseEvent): void { forwardHaptic("light"); - const turnOn = (ev.target as PaperToggleButtonElement).checked; + const turnOn = (ev.target as HaSwitch).checked; turnOnOffEntities(this.hass!, this._toggleEntities!, turnOn!); } } diff --git a/src/panels/lovelace/components/hui-image.ts b/src/panels/lovelace/components/hui-image.ts index 35be160e27..b2785b31c9 100644 --- a/src/panels/lovelace/components/hui-image.ts +++ b/src/panels/lovelace/components/hui-image.ts @@ -1,5 +1,3 @@ -import "@polymer/paper-toggle-button/paper-toggle-button"; - import { STATES_OFF } from "../../../common/const"; import parseAspectRatio from "../../../common/util/parse-aspect-ratio"; diff --git a/src/panels/lovelace/editor/config-elements/config-elements-style.ts b/src/panels/lovelace/editor/config-elements/config-elements-style.ts index f153988b27..01b7b1672a 100644 --- a/src/panels/lovelace/editor/config-elements/config-elements-style.ts +++ b/src/panels/lovelace/editor/config-elements/config-elements-style.ts @@ -2,7 +2,7 @@ import { html } from "lit-element"; export const configElementStyle = html`