О платформе Войти
← К списку версий
v0.93.3 05.10.2026 MINOR
Список пользователей: карточки вместо таблицы
ФИО в списке пользователей переносилось по две буквы. Причина найдена замером, а не на глаз: в таблице из 11 колонок колонка «Имя» сжималась до 63px при ширине окна 1440px — «Тариф» с длинным названием занимал 287px, а «Роль», «Статус» и «Вход» по 90–144px каждая; сверху `overflow-wrap:anywhere` разрешал рвать слово в любом месте. Список переведён с таблицы на карточки: у каждого поля своя ширина, имя занимает свободное место целой строкой и переносится только по словам. Замер после изменения: ширина имени 419px при 1366px, одна строка на всех ширинах до 360px. Сортировка вынесена в отдельную строку над списком, все поля и меню действий сохранены. Версия v0.93.3.
Что сделано
  • Замер вместо догадок - Ширина каждой колонки измерена в браузере на 10 ширинах экрана. Картина: при 1440px «Имя» — 63px, «Тариф» — 287px, «Роль» — 144px. Таблица из 11 колонок физически не помещается в рабочую область ноутбука, и это не лечится брейкпоинтами — приходилось выбирать, кому станет плохо.
  • Список стал карточками - Вместо таблицы — решётка карточек шириной 380px: при 1920 в ряд встают 4, при 1366 — 2, при 1024 — 1. В карточке у каждого поля своя ширина, поэтому имя больше не соревнуется за место с тарифом.
  • Имя не рвётся по буквам - `overflow-wrap:anywhere` на ячейках таблицы был второй причиной переноса: он разрешал разрыв слова в любом месте. В карточке имя переносится только по словам (`break-word`). Замер: ширина имени 63px → 419px при 1366px, одна строка на всех ширинах до 360px.
  • Сортировка вынесена отдельно - У карточек нет заголовков колонок, поэтому сортировка стала отдельной строкой над списком: «Сортировать: Имя, Email, Роль, Статус, Вход, Создан». Ссылки те же (`sort`/`dir`), активные фильтры сохраняются, направление переключается по клику.
  • Ничего не скрыто - Раньше часть колонок приходилось прятать по ширине экрана. В карточке осталось всё: роль, тариф, статус, вход, почта со ссылкой «написать», счётчик проектов с подписью «проект / проекта, владелец», дата последнего входа, дата создания и меню действий.
  • Убрана битая кнопка «На странице» - Внизу списка стоял select с одной неактивной опцией и знаком «—» — он ничего не делал. Настоящий выбор размера страницы остался в форме фильтров.
Проверено
  • Тесты - tests/Feature/AdminUsersListPortfolioCountTest.php переписан под карточную вёрстку: 7 тестов, 38 проверок — есть карточки, сортировка, `break-word`, и при этом таблицы со списком в разметке нет. Полный прогон платформы: 422 теста, 421 пройдено, 1 условно пропущенный на отсутствии прод-клиента.
  • Ширины экрана - /admin/users проверен в браузере на ширинах 1920, 1440, 1366, 1280, 1152, 1024, 900, 768, 640, 420 и 360 пикселей: горизонтальной прокрутки страницы нет ни на одной, ни одно имя не переносится по частям слов.
  • Шрифт - Правило «шрифт не меньше 14px» не смягчалось: имя 15px, остальной текст 14px, на узких экранах уменьшаются рамки и отступы.
Результат
  • Имя в списке пользователей читается целиком на любой ширине экрана, сортировка и все поля на месте, прокрутки вбок нет.