Rename appearance section to content in card/badge editors (#24385)

src/panels/lovelace/editor/config-elements/hui-entity-badge-editor.ts

@@ -1,4 +1,4 @@
-import { mdiGestureTap, mdiPalette } from "@mdi/js";
+import { mdiGestureTap, mdiTextShort } from "@mdi/js";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import memoizeOne from "memoize-one";
@@ -74,10 +74,10 @@ export class HuiEntityBadgeEditor
       [
         { name: "entity", selector: { entity: {} } },
         {
-          name: "appearance",
+          name: "content",
           type: "expandable",
           flatten: true,
-          iconPath: mdiPalette,
+          iconPath: mdiTextShort,
           schema: [
             {
               name: "",
@@ -242,8 +242,6 @@ export class HuiEntityBadgeEditor
       case "state_content":
       case "show_entity_picture":
       case "displayed_elements":
-      case "appearance":
-      case "interactions":
         return this.hass!.localize(
           `ui.panel.lovelace.editor.badge.entity.${schema.name}`
         );

src/panels/lovelace/editor/config-elements/hui-tile-card-editor.ts

@@ -1,4 +1,4 @@
-import { mdiGestureTap, mdiListBox, mdiPalette } from "@mdi/js";
+import { mdiGestureTap, mdiListBox, mdiTextShort } from "@mdi/js";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import memoizeOne from "memoize-one";
@@ -120,10 +120,10 @@ export class HuiTileCardEditor
       [
         { name: "entity", selector: { entity: {} } },
         {
-          name: "appearance",
+          name: "content",
           flatten: true,
           type: "expandable",
-          iconPath: mdiPalette,
+          iconPath: mdiTextShort,
           schema: [
             {
               name: "",
@@ -416,7 +416,6 @@ export class HuiTileCardEditor
       case "hide_state":
       case "state_content":
       case "content_layout":
-      case "appearance":
       case "features_position":
         return this.hass!.localize(
           `ui.panel.lovelace.editor.card.tile.${schema.name}`

src/panels/lovelace/editor/heading-badge-editor/hui-entity-heading-badge-editor.ts

@@ -1,4 +1,4 @@
-import { mdiEye, mdiGestureTap, mdiPalette } from "@mdi/js";
+import { mdiEye, mdiGestureTap, mdiTextShort } from "@mdi/js";
 import { css, html, LitElement, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import memoizeOne from "memoize-one";
@@ -78,10 +78,10 @@ export class HuiHeadingEntityEditor
           selector: { entity: {} },
         },
         {
-          name: "appearance",
+          name: "content",
           type: "expandable",
           flatten: true,
-          iconPath: mdiPalette,
+          iconPath: mdiTextShort,
           schema: [
             {
               name: "",
@@ -256,7 +256,6 @@ export class HuiHeadingEntityEditor
     switch (schema.name) {
       case "state_content":
       case "displayed_elements":
-      case "appearance":
       case "color":
         return this.hass!.localize(
           `ui.panel.lovelace.editor.card.heading.entity_config.${schema.name}`

src/translations/en.json

@@ -7045,7 +7045,8 @@
               "other_cards": "Other cards",
               "custom_cards": "Custom cards",
               "features": "Features",
-              "actions": "Actions"
+              "actions": "Actions",
+              "content": "Content"
             },
             "heading": {
               "name": "Heading",
@@ -7064,7 +7065,6 @@
                 "name_helper": "Visible if selected in state content",
                 "visibility": "Visibility",
                 "visibility_explanation": "The entity will be shown when ALL conditions below are fulfilled. If no conditions are set, the entity will always be shown.",
-                "appearance": "Appearance",
                 "state_content": "State content",
                 "displayed_elements": "[%key:ui::panel::lovelace::editor::badge::entity::displayed_elements%]",
                 "displayed_elements_options": {
@@ -7177,7 +7177,6 @@
               "icon_tap_action": "Icon tap behavior",
               "icon_hold_action": "Icon hold behavior",
               "icon_double_tap_action": "Icon double tap behavior",
-              "appearance": "Appearance",
               "show_entity_picture": "Show entity picture",
               "hide_state": "Hide state",
               "state_content": "State content",
@@ -7227,8 +7226,6 @@
               "description": "The Entity badge gives you a quick overview of your entity.",
               "color": "[%key:ui::panel::lovelace::editor::card::tile::color%]",
               "color_helper": "[%key:ui::panel::lovelace::editor::card::tile::color_helper%]",
-              "interactions": "Interactions",
-              "appearance": "Appearance",
               "show_entity_picture": "Show entity picture",
               "state_content": "State content",
               "displayed_elements": "Displayed elements",