diff options
| author | Adam Soltys <[email protected]> | 2026-10-18 22:30:52 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-18 22:30:52 -0700 |
| commit | 3154e5a24613bf276c6a878cb47ba72831f41e84 (patch) | |
| tree | f79e7548e28ef4ea83e88c3ebde2bd9eb398adc4 | |
| parent | 29c84501956226f16d63442bce2132834c065114 (diff) | |
| download | coinosv3-3154e5a24613bf276c6a878cb47ba72831f41e84.tar.gz coinosv3-3154e5a24613bf276c6a878cb47ba72831f41e84.zip | |
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 <[email protected]>
Claude-Session: https://claude.ai/code/session_013ZDf1cyCQLkfjftYhymZAg
| -rw-r--r-- | src/style.css | 3 |
1 files changed, 2 insertions, 1 deletions
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); } |