Sascha/Aime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GUI: Sprechblase am Sprecher, Wort-Highlight + internes Mitscrollen + Klick-Seek

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0113vDKdSNtD3Dwcw4QMu9yV
This commit is contained in:
schakal00783
2026-07-17 01:17:52 +02:00
co-authored by Claude Fable 5
parent 7586a707ca
commit 1975bfe696
3 changed files with 49 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/web/src/style.css
+7 -3
View File
@@ -296,11 +296,15 @@ audio { width: 100%; margin-bottom: 10px; }
.tperson.talking .tname { color: var(--fg); font-weight: 650; }
.tbubble {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
width: 52%; max-height: 38%; overflow: hidden; z-index: 3;
width: 46%; z-index: 3;
background: var(--surface); border: 2px solid var(--line); border-radius: 12px;
padding: 8px 10px; font-size: 13px; line-height: 1.4;
padding: 8px 10px; font-size: 13px; line-height: 1.55;
}
.tbubble .tb-name { display: block; font-weight: 650; font-size: 11px; margin-bottom: 2px; }
.tb-scroll { max-height: 132px; overflow-y: auto; }
.tbubble .tb-name { display: block; font-weight: 650; font-size: 11px; margin-bottom: 2px; position: sticky; top: 0; background: var(--surface); padding: 2px 0; z-index: 1; }
.tbubble .bw { cursor: pointer; padding: 1px 2px; border-radius: 4px; }
.tbubble .bw:hover { background: var(--surface-2); }
.tbubble .bw.active { background: var(--accent); color: var(--accent-fg); }
.tbubble.sp0 { border-color: var(--sp0); } .tbubble.sp0 .tb-name { color: var(--sp0); }
.tbubble.sp1 { border-color: var(--sp1); } .tbubble.sp1 .tb-name { color: var(--sp1); }
.tbubble.sp2 { border-color: var(--sp2); } .tbubble.sp2 .tb-name { color: var(--sp2); }