From fa595725f5d8e5fd69060ad2d29a1362fc8a97d1 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Fri, 20 Nov 2020 09:53:11 +0100
Subject: [PATCH 1/2] Add state-info ellipsis + fix height

---
 src/components/entity/state-info.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/entity/state-info.ts b/src/components/entity/state-info.ts
index 91991d5e22b0..80de8cb2904d 100644
--- a/src/components/entity/state-info.ts
+++ b/src/components/entity/state-info.ts
@@ -120,7 +120,8 @@ class StateInfo extends LitElement {
       .name {
         @apply --paper-font-common-nowrap;
         color: var(--primary-text-color);
-        line-height: 40px;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       .name[in-dialog],

From 0be0ae039d44137f9ee7d30b05e8434a68dfb99e Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Thu, 26 Nov 2020 20:42:36 +0100
Subject: [PATCH 2/2] Removed old polymer mixins

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

diff --git a/src/components/entity/state-info.ts b/src/components/entity/state-info.ts
index 80de8cb2904d..e4d132ab8488 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,8 +117,8 @@ class StateInfo extends LitElement {
       }
 
       .name {
-        @apply --paper-font-common-nowrap;
         color: var(--primary-text-color);
+        white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
       }
@@ -132,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 {