diff --git a/CHANGELOG.md b/CHANGELOG.md index 589a7221..58839e52 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,25 +6,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). ## [6.1.0] - 2025-11-19 -## New Features +## Viewer UI: Responsive Layout Improvements -### Responsive Mobile Navigation +The viewer UI now handles narrow screens better with responsive breakpoints: -Implemented a Discord-style mobile navigation system that reorganizes controls at smaller breakpoints: +- Community button relocates to sidebar below 600px width +- Projects dropdown relocates to sidebar below 480px width +- Sidebar constrained to 400px max width -- **Community button** relocates to sidebar at 600px breakpoint -- **Projects dropdown** relocates to sidebar at 480px breakpoint -- **Sidebar width constraints** added (100% width, 400px max-width) -- **Full-height layout** fixes for proper flex behavior - -This creates an intuitive mobile experience where the sidebar becomes the primary navigation container, similar to Discord's mobile UI pattern. - -## Technical Details - -- Clean separation between header and sidebar navigation responsibilities -- Responsive breakpoints at 600px and 480px -- Proper width constraints prevent excessive sidebar width on larger screens -- Consistent layout behavior across all screen sizes +Makes the viewer usable on phones and narrow browser windows. ## [6.0.9] - 2025-11-17