🎯 Major Redesign: Fixed Sidebar for Your Feeds
• 5 min read
We've completely redesigned how you navigate your feeds with a brand new fixed sidebar that's always there when you need it. This is our biggest reader interface change since launch.
📖 The Story: From Floating Panel to Fixed Sidebar
A few days ago, we introduced the Floating Feeds Panel - a slide-in menu that appeared when you clicked "My Feeds". It was a solid improvement over the mobile off-canvas menu, giving desktop users quick access to their subscriptions without a full page overlay.
The floating panel worked well. It had smooth animations, stayed open while you browsed, and gave you everything you needed - feeds, categories, view modes, and stats. But we knew we could do better.
🚀 Why Fixed is Better Than Floating
The floating panel had one fundamental limitation: it overlapped your content. Even with a semi-transparent backdrop, you couldn't read articles and manage feeds simultaneously. You had to choose one or the other.
The Fixed Sidebar Solves This Completely:
- Always Visible - Your feeds are permanently displayed on the left, no clicking required
- Zero Overlap - The sidebar takes its own space; articles shift right to accommodate it
- Independent Scrolling - Scroll your feeds list without affecting the article view, and vice versa
- Instant Access - Switch feeds with a single click, no menu to open first
- True Multitasking - Read an article while scanning for what to read next
✨ What's in the Sidebar
Everything from the floating panel, now permanently accessible:
- Category Manager Link - Quick access to organize your feeds into folders
- Mark All Read - One click to clear your unread queue
- Refresh All Feeds - Pull the latest articles from all subscriptions
- Collapsible Categories - Expand/collapse feed groups to find what you want
- View Mode Switcher - Toggle between Default, Grid, and List layouts
- Live Stats - See your total feeds and article counts at a glance
📱 Smart Responsive Behaviour
The sidebar appears on screens 1024px wide and above (matching our navigation breakpoint). Below that, it disappears completely and you use the familiar off-canvas menu instead.
Intelligent View Mode Detection:
- Grid view requires desktop width to display properly
- Shrink below 768px with Grid selected? Articles switch to Default layout automatically
- View mode buttons update automatically to show what's actually displayed
- Expand your window and Grid mode returns - buttons update to match
🎨 Perfect Alignment
One detail we obsessed over: the sidebar and main content had to align perfectly with the navigation bar. This required custom CSS calculations to ensure the centered max-width content stays visually balanced whether the sidebar is present or not.
The result is a cohesive layout where everything lines up - navigation links, article headings, and sidebar edges all feel intentionally placed.
⚡ Technical Details
For the technically curious:
- Flexbox layout - Sidebar uses flex-shrink-0 to maintain fixed width
- Sticky positioning - Sidebar sticks below nav (top-16) with calculated height
- CSS calc() + max() - Dynamic margin alignment for the main content area
- Debounced resize listener - Efficient viewport change detection (150ms)
- Proper Tailwind CSS - No inline styles, all classes compiled properly
🔮 The Vision
This update brings RSS Kit closer to a true desktop application experience - where navigation lives on the left and content fills the rest. It's a pattern that works because it respects how we naturally scan screens: left for navigation, center for content.
The floating panel served us well, but the fixed sidebar is simply better. It's faster, more intuitive, and makes RSS Kit feel like a proper desktop application rather than a website.
🎁 Available Now: This update is live for all users. Open the reader on desktop to see your new sidebar. On mobile and tablet, the off-canvas menu continues to work exactly as before.