Dashboard: Ellipsize widget headings to one line

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index cd7b5140e259df6d6421e99d61a4a6e36dbd9523..eb745252b12e025113a43a6710e541d5de0d4f81 100644 (file)
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -379,10 +379,15 @@ export default {
                                flex-grow: 1;
                                margin: 0;
                                font-size: 20px;
+                               line-height: 24px;
                                font-weight: bold;
                                background-size: 32px;
                                background-position: 14px 12px;
                                padding: 16px 8px 16px 60px;
+                               height: 56px;
+                               white-space: nowrap;
+                               overflow: hidden;
+                               text-overflow: ellipsis;
                                cursor: grab;
                        }
                }