danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Video automations: make the builder sidebar scrollable like the music side

Browse source 
The Automations page reuses the music builder, whose .automations-builder-view is
height:100% so its trigger/action sidebar + canvas scroll independently. On music it
fills #automations-page (a .page at height:100%); on video it sat in a .video-subpage
with no height, so height:100% collapsed to content height and the sidebar grew
instead of scrolling (looked unformatted). #video-page-host is itself a .page, so
give just the automations subpage a definite height to resolve the chain. Scoped to
automations so every other video page keeps its natural document-flow scroll.
This commit is contained in:
BoulderBadgeDad 2026-06-21 11:55:42 -07:00
parent 0514931140
commit 36f944be25
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
webui/static/video/video-side.css
View file

@ -291,6 +291,19 @@ body[data-side="video"] .dashboard-header-sweep {
display: none !important;
}
/* The Automations subpage hosts the SHARED music builder, whose
.automations-builder-view is height:100% so its trigger/action sidebar + canvas
scroll independently (like #automations-page on the music side). A .video-subpage
is height:auto by default (other pages scroll in normal document flow), so that
height:100% collapsed to content height and the sidebar grew instead of scrolling.
#video-page-host is itself a .page (height:100%), so giving JUST this subpage a
definite height makes the builder's chain resolve. Scoped to automations so every
other video page keeps its natural scroll. */
.video-subpage[data-video-subpage="video-automations"]:not([hidden]) {
height: 100%;
min-height: 0;
}
/* ── Placeholder content (for pages not built yet) ─────────────────────── */
.video-placeholder-slot {
padding: 48px 40px;