Skip to content

Right-side configurator panels with floating controls

jedmund requested to merge jedmund/side-panel into main

Created by: jedmund

Summary

  • Add reusable SidePanel component: right-side panel with title bar, scrollable content, fixed bottom bar, swipe-to-dismiss
  • Move playground configurator from floating top-left card to right-side SidePanel that shrinks the content area
  • Docked keyboard stays full-width below the panel (not constrained by the HStack)
  • Add floating back button (top-left) and toggle button (center-right) to playground
  • Move shader configurator from hidden double-tap panel to SidePanel on home screen with paintbrush button
  • Both panels auto-dismiss on navigation

Test plan

  • Playground: tap right-edge button to open configurator panel
  • Playground: content area shrinks, panel slides in from right with padding
  • Playground: swipe right on panel to dismiss
  • Playground: Reset/Restart buttons pinned to bottom of panel
  • Playground: docked keyboard stays full-width when panel is open
  • Playground: back button (top-left) navigates home
  • Home: paintbrush button (top-right) opens shader configurator
  • Home: shader panel overlays content, has Reset All at bottom
  • Both: panels dismiss when navigating away

Merge request reports