20231228.0

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name         = "home-assistant-frontend"
-version      = "20231227.0"
+version      = "20231228.0"
 license      = {text = "Apache-2.0"}
 description  = "The Home Assistant frontend"
 readme       = "README.md"

src/components/ha-list-item.ts

@@ -46,6 +46,7 @@ export class HaListItem extends ListItemBase {
         .mdc-deprecated-list-item__meta {
           display: var(--mdc-list-item-meta-display);
           align-items: center;
+          flex-shrink: 0;
         }
         :host([graphic="icon"]:not([twoline]))
           .mdc-deprecated-list-item__graphic {

src/data/action.ts

@@ -67,6 +67,7 @@ export const ACTION_GROUPS: AutomationElementGroup = {
     icon: mdiDotsHorizontal,
     members: {
       event: {},
+      service: {},
     },
   },
 } as const;

src/dialogs/area-filter/area-filter-dialog.ts

@@ -207,7 +207,8 @@ export class DialogAreaFilter
           color: var(--disabled-text-color);
         }
         .handle {
-          cursor: move;
+          cursor: move; /* fallback if grab cursor is unsupported */
+          cursor: grab;
         }
         .actions {
           display: flex;

src/panels/config/automation/action/ha-automation-action.ts

@@ -319,7 +319,8 @@ export default class HaAutomationAction extends LitElement {
           overflow: hidden;
         }
         .handle {
-          cursor: move;
+          cursor: move; /* fallback if grab cursor is unsupported */
+          cursor: grab;
           padding: 12px;
         }
         .handle ha-svg-icon {

src/panels/config/automation/action/types/ha-automation-action-choose.ts

@@ -543,7 +543,8 @@ export class HaChooseAction extends LitElement implements ActionElement {
           padding: 0 16px 16px 16px;
         }
         .handle {
-          cursor: move;
+          cursor: move; /* fallback if grab cursor is unsupported */
+          cursor: grab;
           padding: 12px;
         }
         .handle ha-svg-icon {

src/panels/config/automation/add-automation-element-dialog.ts

@@ -452,8 +452,8 @@ class DialogAddAutomationElement extends LitElement implements HassDialog {
           itemRoles="option"
           rootTabbable
           style=${styleMap({
-            width: `${this._width}px`,
-            height: `${this._height}px`,
+            width: this._width ? `${this._width}px` : "auto",
+            height: this._height ? `${Math.min(468, this._height)}px` : "auto",
           })}
         >
           ${this._params.clipboardItem &&

src/panels/config/automation/condition/ha-automation-condition.ts

@@ -358,7 +358,8 @@ export default class HaAutomationCondition extends LitElement {
           overflow: hidden;
         }
         .handle {
-          cursor: move;
+          cursor: move; /* fallback if grab cursor is unsupported */
+          cursor: grab;
           padding: 12px;
         }
         .handle ha-svg-icon {

src/panels/config/automation/ha-automation-picker.ts

@@ -328,7 +328,7 @@ class HaAutomationPicker extends LitElement {
         >
         </ha-button-related-filter-menu>
         ${!this.automations.length
-          ? html` <div class="empty" slot="empty">
+          ? html`<div class="empty" slot="empty">
               <ha-svg-icon .path=${mdiRobotHappy}></ha-svg-icon>
               <h1>
                 ${this.hass.localize(
@@ -338,7 +338,9 @@ class HaAutomationPicker extends LitElement {
               <p>
                 ${this.hass.localize(
                   "ui.panel.config.automation.picker.empty_text_1"
-                )}<br />
+                )}
+              </p>
+              <p>
                 ${this.hass.localize(
                   "ui.panel.config.automation.picker.empty_text_2"
                 )}
@@ -349,9 +351,7 @@ class HaAutomationPicker extends LitElement {
                 rel="noreferrer"
               >
                 <ha-button>
-                  ${this.hass.localize(
-                    "ui.panel.config.automation.picker.learn_more"
-                  )}
+                  ${this.hass.localize("ui.panel.config.common.learn_more")}
                 </ha-button>
               </a>
             </div>`
@@ -513,7 +513,9 @@ class HaAutomationPicker extends LitElement {
             target="_blank"
             rel="noreferrer"
           >
-            ${this.hass.localize("ui.panel.config.common.learn_more")}
+            ${this.hass.localize(
+              "ui.panel.config.automation.picker.learn_more"
+            )}
           </a>
         </p>
       `,

src/panels/config/automation/manual-automation-editor.ts

@@ -85,8 +85,7 @@ export class HaManualAutomationEditor extends LitElement {
           ></ha-icon-button>
         </a>
       </div>
-      ${!this.hass.userData?.showAdvanced &&
-      !ensureArray(this.config.trigger)?.length
+      ${!ensureArray(this.config.trigger)?.length
         ? html`<p>
             ${this.hass.localize(
               "ui.panel.config.automation.editor.triggers.description"
@@ -125,8 +124,7 @@ export class HaManualAutomationEditor extends LitElement {
           ></ha-icon-button>
         </a>
       </div>
-      ${!this.hass.userData?.showAdvanced &&
-      !ensureArray(this.config.condition)?.length
+      ${!ensureArray(this.config.condition)?.length
         ? html`<p>
             ${this.hass.localize(
               "ui.panel.config.automation.editor.conditions.description",
@@ -165,8 +163,7 @@ export class HaManualAutomationEditor extends LitElement {
           </a>
         </div>
       </div>
-      ${!this.hass.userData?.showAdvanced &&
-      !ensureArray(this.config.action)?.length
+      ${!ensureArray(this.config.action)?.length
         ? html`<p>
             ${this.hass.localize(
               "ui.panel.config.automation.editor.actions.description"

src/panels/config/automation/trigger/ha-automation-trigger.ts

@@ -298,7 +298,8 @@ export default class HaAutomationTrigger extends LitElement {
           overflow: hidden;
         }
         .handle {
-          cursor: move;
+          cursor: move; /* fallback if grab cursor is unsupported */
+          cursor: grab;
           padding: 12px;
         }
         .handle ha-svg-icon {

src/panels/config/helpers/forms/ha-input_select-form.ts

@@ -285,7 +285,8 @@ class HaInputSelectForm extends LitElement {
           margin-bottom: 8px;
         }
         .handle {
-          cursor: move;
+          cursor: move; /* fallback if grab cursor is unsupported */
+          cursor: grab;
           padding-right: 12px;
         }
         .handle ha-svg-icon {

src/panels/config/scene/ha-scene-dashboard.ts

@@ -265,9 +265,7 @@ class HaSceneDashboard extends LitElement {
                 rel="noreferrer"
               >
                 <ha-button>
-                  ${this.hass.localize(
-                    "ui.panel.config.scene.picker.learn_more"
-                  )}
+                  ${this.hass.localize("ui.panel.config.common.learn_more")}
                 </ha-button>
               </a>
             </div>`
@@ -370,7 +368,7 @@ class HaSceneDashboard extends LitElement {
             target="_blank"
             rel="noreferrer"
           >
-            ${this.hass.localize("ui.panel.config.common.learn_more")}
+            ${this.hass.localize("ui.panel.config.scene.picker.learn_more")}
           </a>
         </p>
       `,

src/panels/config/script/ha-script-picker.ts

@@ -294,9 +294,7 @@ class HaScriptPicker extends LitElement {
                 rel="noreferrer"
               >
                 <ha-button>
-                  ${this.hass.localize(
-                    "ui.panel.config.script.picker.learn_more"
-                  )}
+                  ${this.hass.localize("ui.panel.config.common.learn_more")}
                 </ha-button>
               </a>
             </div>`
@@ -420,7 +418,7 @@ class HaScriptPicker extends LitElement {
             target="_blank"
             rel="noreferrer"
           >
-            ${this.hass.localize("ui.panel.config.common.learn_more")}
+            ${this.hass.localize("ui.panel.config.script.picker.learn_more")}
           </a>
         </p>
       `,