Skip to content

Commit 5772872

Browse files
style(logs): wrap long log lines to the next line (admin + live)
Long log lines were truncated with an ellipsis on /live (.log-entry had white-space:nowrap; overflow:hidden; text-overflow:ellipsis), hiding the tail of long messages; on admin, long unbroken tokens could overflow. Wrap instead of hide: - live.html: .log-entry wraps (white-space:normal; flex-wrap:wrap; align-items:flex-start; overflow-wrap:anywhere) and .log-msg flows to the next line (flex:1 1 auto; min-width:0; overflow-wrap:anywhere; word-break:break-word) — the meta pills stay on the first line, the message wraps in its column. - admin.html: .log-entry gains overflow-wrap:anywhere + word-break so long addresses / base64 memos / URLs break instead of overflowing. CSS only; no behavior change.
1 parent 6c3d86d commit 5772872

2 files changed

Lines changed: 7 additions & 3 deletions

File tree

admin.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -726,6 +726,10 @@
726726
border-left: 2px solid var(--text-dim);
727727
color: var(--text);
728728
animation: slideIn 0.2s ease;
729+
/* Wrap long lines to the next line instead of overflowing — long
730+
unbroken tokens (addresses, base64 memos, URLs) break too. */
731+
overflow-wrap: anywhere;
732+
word-break: break-word;
729733
}
730734

731735
.log-warn { border-left-color: var(--text-muted); color: var(--text-dim); }

live.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -444,8 +444,8 @@
444444
padding: 5px 10px; background: var(--bg-input);
445445
border-radius: 4px; border-left: 2px solid var(--text-dim);
446446
color: var(--text); animation: slideIn 0.2s ease;
447-
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
448-
display: flex; align-items: center; gap: 8px;
447+
white-space: normal; overflow-wrap: anywhere;
448+
display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px;
449449
font-variant-numeric: tabular-nums;
450450
flex: 0 0 auto;
451451
}
@@ -498,7 +498,7 @@
498498
color: var(--red); font-weight: 600;
499499
flex-shrink: 0;
500500
}
501-
.log-entry .log-msg { color: var(--text); flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; }
501+
.log-entry .log-msg { color: var(--text); flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
502502
.log-entry .log-copy {
503503
margin-left: auto; flex-shrink: 0;
504504
background: transparent; border: 1px solid var(--border);

0 commit comments

Comments
 (0)