Изменение точки останова для vdo/vmo

Наш дизайнер столкнулся с некоторыми проблемами в части адаптивности этого (очень приятного и полезного) дополнения, и она спрашивает, может ли изменить точку перелома, где сейчас происходит переключение с элемента vdo на элемент vmo?

Возможно ли это? Спасибо

Конечно. Просто форкните и отредактируйте компонент темы.

Спасибо, я посмотрел, но не нашёл его там… Думаю, это зависит от настройки Discourse, которая применяется ко всему сайту, а не только к этому меню?

В любом случае — у нас это работает с помощью CSS-медиазапросов. Не идеально, но мы можем с этим жить.

Переключение с vdo (только для десктопа) на vmo (только для мобильных) основано на user-agent вашего браузера, а не на ширине вьюпорта, который вы используете или симулируете.

CSS media-запросы в Discourse не так важны, как на других сайтах, к которым вы, возможно, привыкли.

Discourse предоставляет разную оптимизированную разметку в зависимости от устройства пользователя.

Суть в том, что вам не нужно сильно беспокоиться о CSS media-запросах. Вашему дизайнеру нужно либо добавить ?mobile_view=1 к URL, который он тестирует, либо использовать мобильный user-agent при тестировании или отладке на десктопе.

Интересно :thinking: спасибо, что нашли время объяснить.

Но когда я на рабочем столе и меняю размер окна браузера, я вижу, как Discourse реагирует и перестраивает элементы на экране. Это, полагаю, не связано со строкой моего пользовательского агента. Есть ли другой механизм, реагирующий на размер экрана?

Например: эта временная полоса прокрутки справа исчезает на малых ширинах и заменяется меньшим индикатором только с номером поста и общим количеством, например 19 / 24

Вы правы.

Discourse будет перемещать элементы, если вы достаточно уменьшите размер окна. Мы делаем это для адаптации к разным размерам экранов настольных компьютеров и ноутбуков.

Однако это не суть вопроса. Уменьшение размера области просмотра не вызовет изменения user-agent, поскольку он полностью определяется строкой user-agent используемого вами устройства.

Если вы находитесь на рабочем столе и меняете ширину окна или экрана, Discourse по возможности адаптируется к этому.

Однако, если вы пытаетесь проверить, как Discourse выглядит на мобильном устройстве, находясь на рабочем столе, вам нужно либо добавить

как я упоминал выше,

либо протестировать на реальном мобильном устройстве.