Skip to content

Fix UX Refactor Sidebar component for improved layout and controls#66

Open
rajofearth wants to merge 3 commits into
Emanuele-web04:mainfrom
rajofearth:fix-electron-sidebar-controls
Open

Fix UX Refactor Sidebar component for improved layout and controls#66
rajofearth wants to merge 3 commits into
Emanuele-web04:mainfrom
rajofearth:fix-electron-sidebar-controls

Conversation

@rajofearth
Copy link
Copy Markdown
Contributor

@rajofearth rajofearth commented Apr 26, 2026

What Changed

  • Consolidated the desktop sidebar navigation and sidebar toggle controls into a single shared variable in the sidebar component to reduce duplication and keep the desktop header/control layout easier to follow.
  • Updated SidebarHeaderNavigationControls to explicitly opt out of the Electron drag region so the navigation buttons and sidebar trigger remain reliably clickable.
  • Adjusted the settings sidebar rendering in Electron so the back button and desktop controls are laid out appropriately for the desktop shell, while preserving the existing non-Electron behavior.

Why

The Electron sidebar/header flow had a few closely related control layouts split across different render paths, which made the structure harder to reason about and easier to drift out of sync. This change keeps the desktop controls centralized, improves maintainability, and makes the Electron-specific drag/click behavior more predictable.

The drag-region update is especially important in Electron because interactive controls inside draggable areas can become frustrating or unreliable if they are not explicitly marked as non-draggable. This keeps sidebar navigation behavior consistent while cleaning up the settings-view rendering logic.

UI Changes

image
Screen.Recording.2026-04-26.232619.mp4

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

- Consolidate desktop sidebar controls into a single variable for better organization
- Update SidebarHeaderNavigationControls to include drag region styling
- Adjust rendering logic for settings button based on Electron environment
@github-actions github-actions Bot added size:M vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Apr 26, 2026
@rajofearth rajofearth marked this pull request as ready for review April 26, 2026 17:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant