Редизайн сообщества

На modx.pro обновили интерфейс сообщества: v2, тёмная тема и доработки поиска. Ниже — что поменялось и куда писать, если что-то поехало.



Интерфейс v2

Перекрасили оболочку и основные экраны:

  • лента, карточки топиков, страница заметки, комментарии;
  • разделы, пользователи, профиль, вход и регистрация;
  • поиск, «О нас», страницы ошибок;
  • общие пустые состояния и пагинация;
  • одни CSS-токены --v2-* вместо цветов, размазанных по шаблонам.
Читать должно быть проще, на телефоне ничего не прилипает к краям, лишний визуальный шум убрали.

Тёмная тема

Переключатель в шапке. Выбор лежит в localStorage. При первом заходе подхватываем prefers-color-scheme из системы.

  • инициализация в <head>, без белой вспышки при загрузке;
  • токены темы подключаются до отрисовки страницы;
  • Ya-share, Bootstrap-модалки, MarkItUp, Prism и утилиты Bootstrap сидят на общих переменных;
  • подтянули контраст: кнопки, рейтинг, чекбоксы, тултип голосов, футер на всю ширину экрана.
Поиск

  • сортировка: релевантность или дата;
  • вес результата виден только при сортировке по релевантности;
  • совпадения в заголовке и сниппете подсвечиваются красным #b91c1c, не только жирным.
Мелочи, которые тоже поправили

  • «Наверх»: клик и по левой полосе, и по кнопке; логотип в шапке не перекрывается;
  • закрытие фото в lightbox: кликабелен весь круг, не только крестик;
  • ветки комментариев: убрали точки вложенности, урезали отступ на длинных тредах;
  • ссылки на пакеты Modstore в сайдбаре ведут на канонические URL;
  • фильтры пользователей и подписка на комментарии: свои чекбоксы v2 вместо синего Bootstrap.


Нашли баг?

Комментарий к этому топику. Чем точнее опишете, тем быстрее разберусь.

Напишите:

  • URL или шаги воспроизведения;
  • браузер и ОС;
  • светлая или тёмная тема;
  • скрин или запись экрана, если есть;
  • что ждали и что увидели.
Сейчас работаю над допиливанием отображением статей
Иван Бочкарев
Иван Бочкарев
1 час назад
modx.pro
58
+2
Поблагодарить автора Отправить деньги

Комментарии: 2

Miša Bulic
1 час назад
+1
Было бы здорово регулировать размер шрифта, мне мелковато текст. Samsung s23
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
2