🎉 What's New in v2.8.7
📱 Mobile Responsiveness Improvements
This release significantly improves the mobile experience on small screens, particularly iPhone SE (375px width) and similar devices.
Key Improvements
Node List Panel:
- Wider on mobile: Now uses full available width (327px on iPhone SE vs 280px before - 17% wider!)
- Better controls layout: All controls now fit properly - Filter textbox, Filter button, Sort dropdown, and Sort direction button all visible
- Smart default: Node list starts collapsed on mobile to prioritize map viewing
- Compact design: Reduced font sizes and padding optimized for small screens
Desktop Experience:
- Fixed layout: Node list slightly wider (360px vs 350px) ensuring sort controls are visible
- No regressions: All desktop functionality maintained
Route Popup (Sidebar):
- Responsive max-width constraints for mobile devices
- Word-wrapping enabled for long content
- Proper sizing on all screen sizes
Technical Details
Responsive Breakpoints:
- Desktop (≥769px): 360px width
- Tablet (≤768px):
calc(100vw - 48px), max 360px - iPhone SE (≤400px):
calc(100vw - 48px), max 327px
Mobile Optimizations:
- Header font size reduced (0.95rem tablet, 0.85rem iPhone SE)
- Compact padding and reduced gaps
- Smaller button sizes and font sizes
- Node list collapsed by default on mobile
🐛 Bug Fixes
- Fixed node list controls overflow on small screens (#251)
- Fixed sort direction button being hidden on mobile
- Fixed desktop layout where sort button was cut off
📦 Files Changed
- Mobile responsive CSS improvements (
src/App.css) - Default collapsed state for mobile (
src/contexts/UIContext.tsx) - Version bumps (
package.json,helm/meshmonitor/Chart.yaml)
🙏 Credits
Thanks to all contributors who helped identify and test these mobile responsiveness issues!
Full Changelog: v2.8.6...v2.8.7
🚀 MeshMonitor v2.8.7
📦 Installation
Docker (recommended):
docker run -d \
--name meshmonitor \
-p 8080:3001 \
-v meshmonitor-data:/data \
ghcr.io/Yeraze/meshmonitor:v2.8.7🧪 Testing
✅ All tests passed
✅ TypeScript checks passed
✅ Docker images built for linux/amd64, linux/arm64, linux/arm/v7
📋 Changes
See commit history for detailed changes.