From 3154e5a24613bf276c6a878cb47ba72831f41e84 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sun, 18 Oct 2026 22:30:52 -0700 Subject: A stream's chat leaves headroom above its first line: the hat on that face (the crown) was cut off by the scroller. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_013ZDf1cyCQLkfjftYhymZAg --- src/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index fcef5a0..808934f 100644 --- a/src/style.css +++ b/src/style.css @@ -921,7 +921,8 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } .live-video { width: 100%; height: 100%; display: block; background: #000; } .live-still { border-radius: 0; height: 100%; display: flex; align-items: center; justify-content: center; } .live-say { padding: 6px 12px; border-radius: 8px; color: #fff; background: rgba(0, 0, 0, .65); font-size: 14px; text-align: center; } -.live-chat { display: flex; flex-direction: column; gap: 8px; max-height: 46vh; min-height: 120px; overflow-y: auto; overscroll-behavior: contain; } +/* the top padding is headroom for a hat on the first line's face: a scroller clips what rises out of it */ +.live-chat { display: flex; flex-direction: column; gap: 8px; max-height: 46vh; min-height: 120px; overflow-y: auto; overscroll-behavior: contain; padding-top: 12px; } .live-line { display: flex; gap: 8px; align-items: flex-start; min-width: 0; } .live-line-body { min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; line-height: 1.35; } .live-zap .live-line-body b { color: var(--accent); } -- cgit v1.2.3