Skip to content

v1.5 — Mobile responsiveness pass

Choose a tag to compare

@dripips dripips released this 12 May 14:12

v1.5 — Mobile responsiveness pass

Точечный SCSS-pass для < 768px и < 576px без переписывания layout-shell'а (он уже был адаптивный через Bootstrap offcanvas + grid-shift).

Что починили

  • Таблицы (`.table-apple`) — длинные строки теперь скроллятся горизонтально через `display: block` + `overflow-x: auto`, корректные `th/td` сохраняют выравнивание
  • Kanban — карточки 86vw (виден краешек соседней колонки), компактный padding
  • Card-apple — padding ужимается (space-5 → space-4 → space-3 по брейкам)
  • Tabulator — шрифт 12px + компактные ячейки на узком
  • Page-header actions — кнопки растягиваются на всю ширину, заголовок до 24px
  • Filter-chips календаря — вертикальный stack на мобиле
  • Section-tabs — горизонтальный скролл (рекрутинг / настройки)
  • Dashboard edit-bar — hint скрыт, остаются только Save/Cancel
  • Auth-shell — hero скрыт < 576px, форма во всю ширину
  • Bootstrap-chat — `overflow-wrap: anywhere` для длинных слов
  • @media (hover: none) — отключаем sticky-hover на touch-устройствах

Что НЕ трогали (уже было ок)

  • Sidebar — Bootstrap `offcanvas-lg` уже работает как drawer < 992px
  • Topbar burger — `d-lg-none` уже виден
  • Topbar search — `d-md-block` уже скрыт < 768px
  • Dashboard-grid — responsive брейки 4→2→1 кол. уже в v1.4
  • Review-extracted split — grid 1fr на < 992px уже было
  • Page-header wrap — уже было `flex-wrap: wrap`

Bonus

  • CI fix: `bundle update nokogiri 1.19.2 → 1.19.3` (high+medium CVE patches)