Yeraze/meshmonitor v2.2.1

v2.2.1 - Sidebar and Header Layout Improvements

on GitHub

🎨 UI/UX Improvements

Sidebar Interaction Fixes

• Fixed double-click requirement on sidebar items - User menu overlay no longer blocks sidebar clicks when open
• Eliminated gap at top of sidebar - Sidebar now spans full viewport height without gaps when scrolling
• Improved header layout - Header now positioned beside sidebar instead of overlaying it

Technical Details

• Menu overlay uses CSS variable --sidebar-width to position after sidebar (240px expanded, 60px collapsed)
• Sidebar: position: fixed, top: 0, height: 100vh, z-index: 9999
• Header: margin-left: var(--sidebar-width), smooth transitions match sidebar collapse animation
• Mobile responsive: header and overlay take full width on small screens

📦 What's Changed

• fix: improve sidebar and header layout by @Yeraze in #172

Full Changelog: v2.2.0...v2.2.1

🤖 Generated with Claude Code

🚀 MeshMonitor v2.2.1

📦 Installation

Docker (recommended):

docker run -d \
  --name meshmonitor \
  -p 8080:3001 \
  -v meshmonitor-data:/data \
  ghcr.io/Yeraze/meshmonitor:v2.2.1

🧪 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.