Keep overview keyframes passive and edit expanded automation lanes

This commit is contained in:
Olive Vaughn 2026-10-04 02:05:22 -04:00
parent 606055382b
commit 4d441ae606
12 changed files with 856 additions and 69 deletions

View file

@ -1285,15 +1285,16 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
}
.tl-label.ghost { color: var(--sel); font-style: italic; }
/* Flash's keyframe: a filled dot. */
/* Passive animation ticks leave the clip underneath available to grab. */
.tl-key {
position: absolute;
top: 50%;
width: 7px;
height: 7px;
margin: -3.5px 0 0 -3.5px;
width: 2px;
height: 6px;
margin: -3px 0 0 -1px;
background: var(--key);
border-radius: 50%;
opacity: 0.5;
border-radius: 1px;
/* So grabbing a dot grabs the bar under it. */
pointer-events: none;
}
@ -1738,6 +1739,7 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
.passepartout-controls summary { cursor: pointer; }
.stage-wrap { flex: 0 0 auto; }
.onion-skin { position: absolute; inset: 0; pointer-events: none; image-rendering: pixelated; }
.onion-controls { display: inline-flex; align-items: center; }
.onion-controls > button { border-radius: 2px 0 0 2px; }
@ -1750,3 +1752,7 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
.onion-controls summary::-webkit-details-marker { display: none; }
.onion-controls .view-popout { line-height: 1.4; }
.onion-controls select { width: 100%; }
/* Expanded automation lanes expose editable keyframe dots. */
button.tl-key { pointer-events: auto; padding: 0; border: 0; width: 11px; height: 11px; margin: -5.5px; cursor: ew-resize; z-index: 4; opacity: 1; border-radius: 50%; }
button.tl-key.selected { background: var(--pick); box-shadow: 0 0 0 2px var(--pick); }