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

GUI: Transkript als eigene sticky Scroll-Spalte rechts

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 00:51:04 +02:00
co-authored by Claude Fable 5
parent 4500e03ae4
commit 62e1dec960
3 changed files with 52 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/web/src/style.css
+11 -1
View File
@@ -199,8 +199,18 @@ audio { width: 100%; margin-bottom: 10px; }
.item.rec:hover { border-color: var(--accent); }
.item.rec.sel { border-color: var(--accent); background: var(--accent-soft); }
/* ---- Detail-Module (Drag & Drop) ---- */
/* ---- Detail: Module links, Transkript als eigene Scroll-Spalte rechts ---- */
.status-line { margin: 4px 0 10px; }
.detail-cols { display: flex; gap: 12px; align-items: flex-start; }
.detail-main { flex: 1 1 54%; min-width: 0; }
.detail-side { flex: 1 1 46%; min-width: 0; position: sticky; top: 12px; }
.transcript-panel { max-height: calc(100vh - 90px); overflow-y: auto; }
.transcript-panel .mod-head { position: sticky; top: 0; z-index: 1; cursor: default; }
@media (max-width: 1100px) {
.detail-cols { flex-direction: column; }
.detail-side { position: static; width: 100%; }
.transcript-panel { max-height: 60vh; }
}
#modules { display: flex; flex-direction: column; gap: 10px; }
.module { background: var(--inset); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.module.dragging { opacity: .45; border-style: dashed; }