w1n5t0n/memlnaut-nisps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(playground): prevent play drawer from triggering on preset hover, pin controls to top

Browse source 
- Change drawer hover trigger from .synth-quick-controls:hover to
  .play-btn:hover ~ so hovering preset selector no longer opens it
- Add .play-drawer:hover to keep drawer open when mouse moves to it
- Set align-self: flex-start on play-btn and preset-select to prevent
  vertical layout shift when drawer appears
This commit is contained in:
w1n5t0n 2026-03-24 01:54:09 +02:00
parent 2fb00f20a9
commit ddb6b77abb
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
playground/css/a-immersive.css
View file

@ -1006,6 +1006,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 {
@ -1071,7 +1072,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;
} }
@ -1100,6 +1102,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,