Log panel stretches to match script list height

This commit is contained in:
Gmer4Lfe
2026-05-23 18:28:05 -04:00
parent 7062790d89
commit 97d99f85fb
2 changed files with 9 additions and 8 deletions
@@ -69,18 +69,19 @@
outline: 1px solid #555; }
/* Two-panel layout */
#vv-sched-layout { display: flex; gap: 16px; align-items: flex-start; }
#vv-sched-layout { display: flex; gap: 16px; align-items: stretch; }
#vv-sched-left { flex: 1 1 0; min-width: 0; }
#vv-sched-right { display: none; flex: 1 1 0; min-width: 0; position: sticky; top: 16px; }
#vv-sched-right.vv-panel-visible { display: block; }
.vv-log-right-pre { min-height: calc(100vh - 220px); max-height: calc(100vh - 220px); }
#vv-sched-right { display: none; flex: 1 1 0; min-width: 0; flex-direction: column; }
#vv-sched-right.vv-panel-visible { display: flex; }
#vv-sched-right > .vv-card { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.vv-log-right-pre { flex: 1; min-height: 0; max-height: none; }
/* Mobile: stack vertically, right panel full-width below cards */
@media (max-width: 880px) {
#vv-sched-layout { flex-direction: column; }
#vv-sched-layout { flex-direction: column; align-items: stretch; }
#vv-sched-left { flex: none; width: 100%; }
#vv-sched-right { position: static; width: 100%; }
.vv-log-right-pre { min-height: 260px; max-height: 340px; }
#vv-sched-right { flex-direction: column; width: 100%; }
.vv-log-right-pre { min-height: 260px; max-height: 340px; flex: none; }
}
/* Card footer */
@@ -88,7 +88,7 @@ $tree = vv_job_tree();
<!-- ── Right: persistent log panel ── -->
<div id="vv-sched-right">
<div class="vv-card" style="min-height:200px;">
<div class="vv-card">
<div class="vv-log-toolbar" style="margin-bottom:8px;">
<div style="display:flex;align-items:center;gap:8px;">
<span id="vv-log-title" style="font-size:13px;font-weight:bold;color:#ccc;">No script selected</span>