From b5958382df36e31d7e698f10aeacecfdec2d0205 Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Fri, 29 May 2026 13:33:54 -0400 Subject: [PATCH] fix(tts): clean sentence highlight, drop box-shadow square on line wraps Use a background highlight with box-decoration-break: clone so a wrapped sentence highlights smoothly instead of rendering a pale square box. --- static/css/style.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 2ce8e44..4b580e5 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1382,12 +1382,13 @@ a:hover { color: var(--text-secondary); } -/* Per-sentence glow while TTS reads a message aloud */ +/* Per-sentence highlight while TTS reads a message aloud */ .tts-sentence { - border-radius: 3px; - transition: background-color 0.12s ease, box-shadow 0.12s ease, color 0.12s ease; + border-radius: 2px; + transition: background-color 0.12s ease; } .tts-sentence.tts-reading { - background: rgba(255, 214, 92, 0.30); - box-shadow: 0 0 10px 2px rgba(255, 200, 70, 0.55); + background: rgba(255, 209, 64, 0.45); + -webkit-box-decoration-break: clone; + box-decoration-break: clone; }