Skip to content

v2.4.0 - Enhanced Mobile Responsiveness and AI Modal UX

Choose a tag to compare

View all tags
@vultuk vultuk released this 21 Aug 15:32
· 37 commits to main since this release
v2.4.0
a3b5f1e

What's Changed

This minor release focuses on improving mobile responsiveness and enhancing the AI modal user experience with better interface design.

🚀 New Features

  • AI Modal Close Button: Added dedicated close button (×) to AI modal header for better accessibility
  • Responsive Status Bar: Mobile-optimized status bar with adaptive stat display based on screen size
  • Smart Sidebar Initialization: Enhanced sidebar state with context-aware defaults
  • Mobile-First Status Display: Optimized status information layout for different screen sizes

✨ User Experience Improvements

  • Better AI Modal UX: More intuitive close functionality with header-placed × button
  • Cleaner AI Interface: Streamlined AI modal design with dedicated close button instead of separate action
  • Mobile-Friendly Stats: Optimized information density for small screens showing only essential stats
  • Context-Aware Sidebar: Sidebar behavior adapts to user context and device capabilities

📱 Mobile Responsiveness

  • Adaptive Status Bar: Mobile shows compact stats (AI cost, words) while desktop shows full details
  • Responsive Design: UI elements automatically adapt to screen size with mobile/desktop-specific classes
  • Better Information Hierarchy: Most important stats prioritized and visible on smaller screens
  • Touch-Friendly Design: Enhanced touch targets and mobile interaction patterns

🔧 Technical Improvements

  • Enhanced Modal Design: Improved AI modal header layout with flex justify-between alignment
  • Responsive CSS: Added .mobileOnly, .desktopOnly, and .optionalStat classes for conditional display
  • Smart State Management: Context-aware sidebar initialization based on URL, device, and settings
  • Better Mobile Layout: Optimized spacing and information hierarchy for mobile devices

♿ Accessibility Enhancements

  • Dedicated Close Button: Clear, accessible close action in AI modal header with proper ARIA attributes
  • Better Navigation: More intuitive modal interaction patterns
  • Improved Touch Targets: Better touch targets for mobile users
  • Enhanced ARIA Support: Improved accessibility attributes for modal interactions

🎯 Mobile Optimizations

  • Status Bar Mobile Layout: Compact display showing "AI $X.XX" and "Words XXX" on mobile
  • Hidden Optional Stats: Lines and character counts hidden on mobile to reduce clutter
  • Smart Sidebar Behavior: Sidebar automatically closes when loading files on mobile or overlay mode
  • Better Mobile Experience: Overall improved mobile user experience with optimized layouts

This release significantly improves the mobile experience while maintaining full desktop functionality, making the editor more accessible and user-friendly across all devices.

Full Changelog: v2.3.0...v2.4.0

Assets 2
Loading