fix(playground): restore play drawer and preset button fixes

Re-apply fixes from ddb6b77 that were lost in the arpeggiator restore:
- play-btn: align-self: flex-start (pin to top)
- Play drawer: trigger on .play-btn:hover instead of parent :hover
  (prevents preset select from opening the drawer)
- preset-select: align-self: flex-start (pin to top)
This commit is contained in:
w1n5t0n 2026-03-24 12:01:40 +02:00
parent d0bc34d8c9
commit 0246ca58ab

View file

@ -1026,6 +1026,7 @@ html, body {
transition: background 0.15s, border-color 0.15s; transition: background 0.15s, border-color 0.15s;
padding: 0; padding: 0;
flex-shrink: 0; flex-shrink: 0;
align-self: flex-start;
} }
.play-btn:active { .play-btn:active {
@ -1091,7 +1092,8 @@ html, body {
color: var(--text-dim); color: var(--text-dim);
} }
.synth-quick-controls:hover .play-drawer, .play-btn:hover ~ .play-drawer,
.play-drawer:hover,
.play-drawer.show { .play-drawer.show {
display: flex; display: flex;
} }
@ -1120,6 +1122,7 @@ html, body {
min-width: 0; min-width: 0;
max-width: 160px; max-width: 160px;
text-overflow: ellipsis; text-overflow: ellipsis;
align-self: flex-start;
} }
.preset-select:hover, .preset-select:hover,