Skip to content

feat(web): move every lab's controls bar above the canvas - #21

Merged
benjamin-small merged 1 commit into
mainfrom
feat/sorting-controls-top
Sep 23, 2026
Merged

benjamin-small merged 1 commit into
mainfrom
feat/sorting-controls-top

Conversation

@benjamin-small

Copy link
Copy Markdown
Owner

Moves the playback/controls bar from below the canvas to the top of the page in every lab (Sierpinski, Fourier, Sorting), on desktop and in the mobile stack.

  • Grid areas swapped so the bar row sits above the canvas row
  • Bar now precedes the canvas in DOM order so tab order matches the visual order
  • Separator border moved from the bar's top to its bottom
  • Test: the controls bar renders before .canvas-wrap

Verified in the browser on all three labs at desktop and 375px widths.

The playback/controls bar now sits at the top of the page in every lab,
on desktop and in the mobile stack, and precedes the canvas in DOM order
so tab order matches the visual order. Border moves from top to bottom
of the bar to keep the separator between bar and canvas.
@benjamin-small
benjamin-small merged commit 90c3c0e into main Sep 23, 2026
6 checks passed
@benjamin-small
benjamin-small deleted the feat/sorting-controls-top branch September 23, 2026 19:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant