From 5f58ac4fb6841c28547706cc9bf4da9cc02feaf9 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 29 Oct 2024 10:38:31 +0100
Subject: [PATCH] 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 <12148533+wendevlin@users.noreply.github.com>

---------

Co-authored-by: Wendelin <12148533+wendevlin@users.noreply.github.com>
---
 src/layouts/hass-subpage.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/layouts/hass-subpage.ts b/src/layouts/hass-subpage.ts
index cabbeaf689..0cf5c81f07 100644
--- 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 {