← Усі оновлення

Зробили мобільний хедер готовим до нових мов

Після появи чотирьох мовних версій стало зрозуміло, що старий перемикач UA/EN/RU/PL займає забагато місця в мобільному хедері і погано масштабується на майбутні локалі. Оновили header так, щоб він лишався компактним на телефонах і не потребував переробки після додавання нових мов.

Коротко

Перемикач мов у хедері став компактним dropdown, а мобільні CTA-кнопки більше не розтягують верхню панель.

Що додали

  • + Dropdown-перемикач мов із поточною мовою на кнопці та повним списком мов у меню.
  • + Закриття мовного меню по кліку поза ним і клавішею Escape.
  • + Короткі mobile-лейбли для основної CTA-кнопки на дуже вузьких екранах.
  • + Компактніший мобільний розмір логотипа в header.

Що прибрали

  • - Горизонтальний ряд із чотирьох мовних кнопок у хедері.
  • - Mobile-відображення logout-кнопки, яка створювала ризик переповнення для залогіненого користувача.

Коментар до релізу

Мовні URL лишилися звичайними посиланнями, тому перемикання працює без втрати маршрутизації.

Архітектура бере список мов із locale registry, тому наступні мови автоматично потраплятимуть у dropdown.

Інші оновлення

Подивитися приклад звіту