From 5bcb7be21f2ec2b73c81d0009373662629deb4db Mon Sep 17 00:00:00 2001 From: tempus2016 Date: Thu, 15 Oct 2026 16:29:08 +0000 Subject: [PATCH] fix(cards): keep the sticker chart's overflow count on one line (#1070) The sticker row uses word-break: break-all so emoji wrap tightly, and the overflow badge inherited it, so +10 could split into +1 and a stray 0 on the next line. The badge is now an unbreakable inline block. --- .../taskmate/www/taskmate-sticker-chart-card.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/custom_components/taskmate/www/taskmate-sticker-chart-card.js b/custom_components/taskmate/www/taskmate-sticker-chart-card.js index 72b2a4d8..75ddb169 100644 --- a/custom_components/taskmate/www/taskmate-sticker-chart-card.js +++ b/custom_components/taskmate/www/taskmate-sticker-chart-card.js @@ -274,7 +274,10 @@ class TaskMateStickerChartCard extends LitElement { .stickers-none, .muted { font-size: 0.92rem; font-weight: 600; color: var(--secondary-text-color); } - .overflow { font-size: 0.85rem; font-weight: 800; color: var(--secondary-text-color); margin-inline-start: 4px; } + .overflow { + display: inline-block; white-space: nowrap; word-break: normal; + font-size: 0.85rem; font-weight: 800; color: var(--secondary-text-color); margin-inline-start: 4px; + } .goal-line { margin-top: 14px; font-size: 0.92rem; font-weight: 700; color: var(--primary-text-color);