fix(stats): Most Active card wrapped mid-token on narrow screens
'2026-11-01 (148 min)' broke as '(148 / min)' in the half-width stat card. Date and minutes now render as stacked block lines — date, minutes, weekday — so nothing splits across rows.
This commit is contained in:
1 parent
0673550d58
commit
ceed3ddeae
1 file changed
+3
-1
+3
-1
@@ -324,7 +324,9 @@ function renderSummary(summary: Summary): void {
|
||||
const mostActive = document.getElementById("stats-most-active");
|
||||
if (mostActive) {
|
||||
if (summary.most_active_day) {
|
||||
mostActive.innerHTML = `${summary.most_active_day} (${summary.most_active_day_minutes} min)<span class="block text-xs font-normal" style="color: ${themeVar("--text-secondary", "#999")}">${summary.most_active_weekday}</span>`;
|
||||
// Date and minutes on their own lines: one long line wraps mid-token
|
||||
// ("(148 / min)") in the narrow stat card.
|
||||
mostActive.innerHTML = `<span class="block">${summary.most_active_day}</span><span class="block">(${summary.most_active_day_minutes} min)</span><span class="block text-xs font-normal" style="color: ${themeVar("--text-secondary", "#999")}">${summary.most_active_weekday}</span>`;
|
||||
} else {
|
||||
mostActive.textContent = "—";
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user