diff --git a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts index 0c0e38cb70..d4b1eafced 100644 --- a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts +++ b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts @@ -117,6 +117,15 @@ export class HuiDialogEditView extends LitElement { content = html` ${this._badges?.length ? html` + ${this._config?.panel + ? html` +

+ ${this.hass!.localize( + "ui.panel.lovelace.editor.edit_badges.panel_mode" + )} +

+ ` + : ""}
${this._badges.map((badgeConfig) => { return html` @@ -411,6 +420,10 @@ export class HuiDialogEditView extends LitElement { margin: 12px 16px; flex-wrap: wrap; } + .warning { + color: var(--warning-color); + text-align: center; + } @media all and (min-width: 600px) { ha-dialog { diff --git a/src/translations/en.json b/src/translations/en.json index 62296bbafc..8316168abb 100755 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -2292,6 +2292,9 @@ "select_users": "Select which users should see this view in the navigation" } }, + "edit_badges": { + "panel_mode": "These badges will not be displayed because this view is in \"Panel Mode\"." + }, "edit_card": { "header": "Card Configuration", "typed_header": "{type} Card Configuration", @@ -2564,7 +2567,7 @@ "view": { "panel_mode": { "title": "Panel Mode?", - "description": "This renders the first card at full width; other cards in this view will not be rendered.", + "description": "This renders the first card at full width. Other cards in this view as well as badges will not be rendered.", "warning_multiple_cards": "This view contains more than one card, but a panel view can only show 1 card." } },