engineering/opencompletion.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(tts): clean sentence highlight, drop box-shadow square on line wraps

Browse source 
Use a background highlight with box-decoration-break: clone so a wrapped
sentence highlights smoothly instead of rendering a pale square box.
This commit is contained in:
russell@unturf.com 2026-05-29 13:33:54 -04:00
parent 4b0a443928
commit b5958382df
No known key found for this signature in database
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
static/css/style.css
View file

@ -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;
}