diff --git a/gallery/src/demos/demo-integration-card.ts b/gallery/src/demos/demo-integration-card.ts index 03a44a1853..2c9039b7b3 100644 --- a/gallery/src/demos/demo-integration-card.ts +++ b/gallery/src/demos/demo-integration-card.ts @@ -61,6 +61,9 @@ const nameAsDomainEntry = createConfigEntry("ESPHome"); const longNameEntry = createConfigEntry( "Entry with a super long name that is going to the next line" ); +const longNonBreakingNameEntry = createConfigEntry( + "EntryWithASuperLongNameThatDoesNotBreak" +); const configPanelEntry = createConfigEntry("Config Panel", { domain: "mqtt", localized_domain_name: "MQTT", @@ -141,6 +144,7 @@ const configEntries: Array<{ { items: [optionsFlowEntry] }, { items: [nameAsDomainEntry] }, { items: [longNameEntry] }, + { items: [longNonBreakingNameEntry] }, { items: [setupErrorEntry] }, { items: [migrationErrorEntry] }, { items: [setupRetryEntry] }, @@ -154,6 +158,7 @@ const configEntries: Array<{ setupErrorEntry, migrationErrorEntry, longNameEntry, + longNonBreakingNameEntry, setupRetryEntry, failedUnloadEntry, notLoadedEntry, diff --git a/src/panels/config/integrations/ha-integration-header.ts b/src/panels/config/integrations/ha-integration-header.ts index 02ee9eb208..5d15318bc4 100644 --- a/src/panels/config/integrations/ha-integration-header.ts +++ b/src/panels/config/integrations/ha-integration-header.ts @@ -150,6 +150,7 @@ export class HaIntegrationHeader extends LitElement { margin-top: 16px; margin-right: 2px; font-weight: 400; + line-break: anywhere; color: var(--primary-text-color); } .secondary {