Shrink title space on mobile if needed (#21878)

* Shrink title space on mobile if needed * Add multiline ellipsis * Update src/layouts/hass-subpage.ts Co-authored-by: Wendelin <[email protected]> --------- Co-authored-by: Wendelin <[email protected]>
home-assistant · Oct 29, 2024 · 5f58ac4 · 5f58ac4
1 parent 25e7c4f
commit 5f58ac4
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/layouts/hass-subpage.ts b/src/layouts/hass-subpage.ts
@@ -125,7 +125,15 @@ class HassSubpage extends LitElement {
         .main-title {
           margin: var(--margin-title);
           line-height: 20px;
+          min-width: 0;
           flex-grow: 1;
+          overflow-wrap: break-word;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          padding-bottom: 1px;
         }
 
         .content {