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

GUI: alle Module inkl. Transkript-Panel spaltenuebergreifend verschiebbar

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:44:36 +02:00
co-authored by Claude Fable 5
parent 40602779ce
commit d55442a41f
3 changed files with 66 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/web/src/style.css
+9 -7
View File
@@ -204,16 +204,18 @@ audio { width: 100%; margin-bottom: 10px; }
/* ---- 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; }
.mod-col { min-width: 0; display: flex; flex-direction: column; gap: 10px; min-height: 60px; }
.mod-col[data-col="main"] { flex: 1 1 54%; }
.mod-col[data-col="side"] { flex: 1 1 46%; }
.mod-col.empty { flex: 0 0 26px; border: 1px dashed var(--line); border-radius: 12px; align-self: stretch; }
.transcript-panel { max-height: calc(100vh - 90px); overflow-y: auto; position: sticky; top: 12px; }
.transcript-panel .mod-head { position: sticky; top: 0; z-index: 1; }
@media (max-width: 1100px) {
.detail-cols { flex-direction: column; }
.detail-side { position: static; width: 100%; }
.transcript-panel { max-height: 60vh; }
.mod-col { width: 100%; }
.mod-col.empty { display: none; }
.transcript-panel { max-height: 60vh; position: static; }
}
#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; }
.mod-head {