diff --git a/build-scripts/gulp/entry-html.js b/build-scripts/gulp/entry-html.js
index eb26093925..c322aac4ec 100644
--- a/build-scripts/gulp/entry-html.js
+++ b/build-scripts/gulp/entry-html.js
@@ -86,7 +86,7 @@ gulp.task("gen-index-app-dev", (done) => {
es5CoreJS: "/frontend_es5/core.js",
es5CustomPanelJS: "/frontend_es5/custom-panel.js",
es5HassIconsJS: "/frontend_es5/hass-icons.js",
- });
+ }).replace(/#THEMEC/g, "{{ theme_color }}");
fs.outputFileSync(path.resolve(config.root, "index.html"), content);
done();
diff --git a/src/common/search/search-input.ts b/src/common/search/search-input.ts
index deb36885b7..65b29881e9 100644
--- a/src/common/search/search-input.ts
+++ b/src/common/search/search-input.ts
@@ -26,7 +26,7 @@ class SearchInput extends LitElement {
@value-changed=${this._filterInputChanged}
>
@@ -36,7 +36,7 @@ class SearchInput extends LitElement {
slot="suffix"
class="suffix"
@click=${this._clearSearch}
- icon="mdi:close"
+ icon="hass:close"
alt="Clear"
title="Clear"
>
diff --git a/src/dialogs/config-flow/step-flow-create-entry.ts b/src/dialogs/config-flow/step-flow-create-entry.ts
index ac38ba95ed..5ecc457a40 100644
--- a/src/dialogs/config-flow/step-flow-create-entry.ts
+++ b/src/dialogs/config-flow/step-flow-create-entry.ts
@@ -69,9 +69,10 @@ class StepFlowCreateEntry extends LitElement {
(device) =>
html`
-
${device.name}
- ${device.model} (${device.manufacturer})
-
+
+ ${device.name}
+ ${device.model} (${device.manufacturer})
+
{
const handlers: HandlerObj[] = h.map((handler) => {
@@ -58,11 +60,11 @@ class StepFlowPickHandler extends LitElement {
return html`
${this.hass.localize("ui.panel.config.integrations.new")}
-
-
+
+
${handlers.map(
(handler: HandlerObj) =>
html`
@@ -80,6 +82,11 @@ class StepFlowPickHandler extends LitElement {
private async _filterChanged(e) {
this.filter = e.detail.value;
+
+ // Store the width so that when we search, box doesn't jump
+ if (this._width === undefined) {
+ this._width = this.shadowRoot!.querySelector("div")!.clientWidth;
+ }
}
private async _handlerPicked(ev) {
diff --git a/src/dialogs/notifications/notification-drawer.js b/src/dialogs/notifications/notification-drawer.js
index 0b1255a762..2b574b13d9 100644
--- a/src/dialogs/notifications/notification-drawer.js
+++ b/src/dialogs/notifications/notification-drawer.js
@@ -34,6 +34,8 @@ export class HuiNotificationDrawer extends EventsMixin(
.notifications {
overflow-y: auto;
padding-top: 16px;
+ height: calc(100% - 65px);
+ box-sizing: border-box;
}
.notification {
diff --git a/src/panels/profile/ha-panel-profile.js b/src/panels/profile/ha-panel-profile.js
index 1cefa17524..47577bc73c 100644
--- a/src/panels/profile/ha-panel-profile.js
+++ b/src/panels/profile/ha-panel-profile.js
@@ -104,10 +104,12 @@ class HaPanelProfile extends EventsMixin(LocalizeMixin(PolymerElement)) {
mfa-modules="[[hass.user.mfa_modules]]"
>
-
+
+
+
cred.auth_provider_type === "homeassistant"
);
}
+
+ _isAdmin(user) {
+ return user.is_admin;
+ }
}
customElements.define("ha-panel-profile", HaPanelProfile);