From 3440da6f8f1087dee492e5b5dfefd8639c2e2ee3 Mon Sep 17 00:00:00 2001 From: Joe Knapper Date: Thu, 9 Jul 2026 14:36:30 +0100 Subject: [PATCH] Use min-height with clamping to preserve space without truncating early --- .../src/components/labThingsComponents/actionLogDisplay.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/webapp/src/components/labThingsComponents/actionLogDisplay.vue b/webapp/src/components/labThingsComponents/actionLogDisplay.vue index d8f3e29c..b51f217b 100644 --- a/webapp/src/components/labThingsComponents/actionLogDisplay.vue +++ b/webapp/src/components/labThingsComponents/actionLogDisplay.vue @@ -197,7 +197,9 @@ export default { .log-summary-text { text-align: center; font-size: large; - height: calc(2 * 1.4em); /* height of element is 2 lines */ + + /* Reserve two lines even when message is short. line-clamp handles truncation */ + min-height: calc(2 * 1.4em); line-height: 1.4em; padding: 0 5px; /* Give some padding so there's room for ... to not expand too far */ overflow: hidden;