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");
|
const mostActive = document.getElementById("stats-most-active");
|
||||||
if (mostActive) {
|
if (mostActive) {
|
||||||
if (summary.most_active_day) {
|
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 {
|
} else {
|
||||||
mostActive.textContent = "—";
|
mostActive.textContent = "—";
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user