From 60208903847630547da51c8369abe4ec91d7fd02 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Thu, 26 Nov 2020 23:54:30 +0100
Subject: [PATCH] Add state-info ellipsis + fix height (#7740)

---
 src/components/entity/state-info.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/entity/state-info.ts b/src/components/entity/state-info.ts
index 91991d5e22..e4d132ab84 100644
--- a/src/components/entity/state-info.ts
+++ b/src/components/entity/state-info.ts
@@ -94,7 +94,6 @@ class StateInfo extends LitElement {
   static get styles(): CSSResult {
     return css`
       :host {
-        @apply --paper-font-body1;
         min-width: 120px;
         white-space: nowrap;
       }
@@ -118,9 +117,10 @@ class StateInfo extends LitElement {
       }
 
       .name {
-        @apply --paper-font-common-nowrap;
         color: var(--primary-text-color);
-        line-height: 40px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       .name[in-dialog],
@@ -131,8 +131,10 @@ class StateInfo extends LitElement {
       .time-ago,
       .extra-info,
       .extra-info > * {
-        @apply --paper-font-common-nowrap;
         color: var(--secondary-text-color);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       .row {