Fixed too long entity name

berrywhite96 · Oct 13, 2022 · ed73214 · ed73214
1 parent 55bab9c
commit ed73214
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/shutter-row.js b/shutter-row.js
@@ -228,6 +228,10 @@ div.card-row.first-row span.entity-name {
     margin-left: 16px;
     margin-right: 8px;
     cursor: pointer;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 1 1;
 }
 div.card-row.first-row div.controls {
     margin-left: auto;
@@ -436,7 +440,7 @@ class ShutterRow extends s {
                     <ha-icon-button
                         .label=${this.hass.localize("ui.dialogs.more_info_control.cover.stop_cover")}
                         .path="${mdiStop}"
-                        .disabled="${moveStopDisabled()}"
+                        .disabled=${moveStopDisabled()}
                         @dblclick="${this.onMoveStopDoubleClick}"
                         @pointerdown="${onHoldPointerDown}"
                         @pointerup="${this.onMoveStopPointerUp}">

diff --git a/src/shutter-row.js b/src/shutter-row.js
@@ -198,7 +198,7 @@ class ShutterRow extends LitElement {
                     <ha-icon-button
                         .label=${this.hass.localize("ui.dialogs.more_info_control.cover.stop_cover")}
                         .path="${mdiStop}"
-                        .disabled="${moveStopDisabled()}"
+                        .disabled=${moveStopDisabled()}
                         @dblclick="${this.onMoveStopDoubleClick}"
                         @pointerdown="${onHoldPointerDown}"
                         @pointerup="${this.onMoveStopPointerUp}">

diff --git a/src/style.css b/src/style.css
@@ -39,6 +39,10 @@ div.card-row.first-row span.entity-name {
     margin-left: 16px;
     margin-right: 8px;
     cursor: pointer;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 1 1;
 }
 div.card-row.first-row div.controls {
     margin-left: auto;