Merge pull request #828 from FlowFuse/827-ui-text-cutoff

UI Text - Improve rendering of overflowing content
FlowFuse · May 9, 2024 · d220b04 · d220b04
2 parents ad14ef9 + b8e8889
commit d220b04
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/ui/src/widgets/ui-text/UIText.vue b/ui/src/widgets/ui-text/UIText.vue
@@ -36,9 +36,15 @@ export default {
     gap: 2px;
     font-size: 1rem;
     font-family: Helvetica;
+    flex-wrap: wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .nrdb-ui-text-value {
     font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 /* Layouts */