7f0e12a583
Mobile UX Improvements: - Replace dropdown with icon-only flags on mobile (< 768px) - Add 44x44px touch targets for better mobile interaction - Add language selector to mobile menu drawer - Desktop keeps full dropdown with language names (≥ 768px) Language Selector Features: - Mobile navbar: Icon-only buttons (🇬🇧 🇩🇪 🇫🇷) - Desktop navbar: Dropdown with full text - Mobile drawer: Full language list with checkmarks - Active state: Blue ring around selected language - Auto-close drawer after language selection Accessibility: - ARIA labels on all buttons - aria-pressed state for current language - Minimum 44x44px touch targets (WCAG AA) - Keyboard navigation support maintained - Screen reader support with role="group" Technical Changes: - language-selector.js: Rewritten with responsive versions - navbar.js: Added mobile-menu-language-selector container - i18n-simple.js: Added languageChanged event dispatch UX Benefits: - Space savings: ~87px saved in mobile navbar - No crowding between language selector and hamburger menu - Flag emojis are universally recognizable - Touch-friendly buttons meet iOS/Android standards 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| coming-soon-overlay.js | ||
| currency-selector.js | ||
| document-cards.js | ||
| document-viewer.js | ||
| footer.js | ||
| language-selector.js | ||
| navbar.js | ||