Skip to content

feat: overlay properties panel, window polish, and help/docs menu - #55

Merged
tech-stack-studios merged 3 commits into
developfrom
feature/ui-window-polish
May 27, 2026
Merged

feat: overlay properties panel, window polish, and help/docs menu#55
tech-stack-studios merged 3 commits into
developfrom
feature/ui-window-polish

Conversation

@tech-stack-studios

Copy link
Copy Markdown
Owner

Changes

1. Properties panel overlay

The right-side properties panel now overlays the button grid instead of pushing it left. Clicking a button then opening the panel leaves the mouse cursor still over the same button. Uses position: absolute on the panel with a smooth translateX(100%) → translateX(0) slide-in animation.

2. Window constraints

  • Maximize button removed (maximizable: false)
  • Minimum window size set: 960×640
  • Default size unchanged: 1280×800

3. Window title

  • Title set to Tech Stack Studios - Streamdeck
  • page-title-updated event prevents the HTML page from overriding it

4. Taskbar icon

  • Icon set to tech_stack_streamdeck.png from public/ (dev) or dist/ (packaged)

5. Help & Documentation menu

  • The gear/settings button in the header now opens a dropdown menu
  • Contains links: User Manual, Installation Guide, Release Notes
  • Links open in the system browser via the existing openUrl IPC call
  • URLs point to GitHub wiki pages (placeholders for future documentation)
  • Click-outside closes the menu

Test results

115/115 tests pass ✅

- Properties panel now overlays the button grid instead of pushing it left
  so the mouse stays over the clicked button after flyout opens
- Remove maximize button; set minWidth=960, minHeight=640
- Set window title to 'Tech Stack Studios - Streamdeck' (locked against page override)
- Set taskbar icon to tech_stack_streamdeck.png (dev: public/, prod: dist/)
- Replace static gear button with a Help & Documentation dropdown menu
  containing User Manual, Installation Guide, and Release Notes links
@tech-stack-studios tech-stack-studios added the enhancement New feature or request label May 27, 2026
@tech-stack-studios
tech-stack-studios merged commit 2588cad into develop May 27, 2026
2 checks passed
@tech-stack-studios
tech-stack-studios deleted the feature/ui-window-polish branch May 31, 2026 01:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant