Всплывающее окно - как настроить через CSS?

Пользователи сообщают, что всплывающее окно о достижении дневного лимита лайков слишком широкое и не адаптировано для мобильных устройств.

Я пытаюсь воспроизвести проблему, но не уверен, как вызвать это всплывающее окно, не лайкнув нужное количество постов.

Есть какие-то идеи?

Спасибо!

Моя лучшая идея — использовать текстовый сайт, где вы можете изменить настройки сайта, контролирующие этот лимит, или сделать это на try.discourse.org, где лайки удаляются через день.

Я снизил количество лайков до 1 в день на тестовом сайте, но полученное всплывающее предупреждение, похоже, было о «замедлении», а не о достижении максимального лимита лайков. Однако на моём телефоне оно отображалось правильного размера.

Я тоже проверил, и у меня на мобильном всё работает отлично. Мой лучший совет: возможно, вы используете какой-то пользовательский CSS для модальных окон, или пользователь, который сообщил об ошибке, находится в режиме просмотра для настольных компьютеров. :slightly_smiling_face:

@JammyDodger @Don @pfaffman Отлично! Спасибо.

Но как мне воспроизвести это на моём форуме? Так я смогу найти нужный класс и добавить кастомные стили CSS.

Боюсь, что моя репродукция не была идеальной, но я изменил настройку администратора «максимум лайков в день» на что-то достижимо низкое, а затем использовал тестового пользователя TL2 для проверки.

Хотя я получил следующее сообщение:

(что, вероятно, мне теперь стоит разобраться, почему оно выдаётся мне в секундах :slight_smile:)

Редактирование: Мгновенное осознание того, что это потому, что у меня включён плагин Reactions. :slight_smile:

А вот вариант без него, и я сейчас проверю это на своём телефоне.


Я думаю, что согласен с @Don, и рекомендую проверить с вашим пользователем, чтобы убедиться, что он не использует десктопную версию на мобильном устройстве.

Отличная идея!
Мы используем несколько плагинов и тем, так что, возможно, дело в них. Я просто хочу убедиться, прежде чем «обвинять» пользователя :sweat_smile:

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

А вот ссылки для просмотра с рабочего стола и мобильного устройства на случай, если вы скрыли их из гамбургер-меню вашего форума (хотя это затруднит случайное использование пользователем, но я уже сталкивался с таким :slight_smile:)

Просмотр с рабочего стола: [YourSite]/?mobile_view=0
Мобильный просмотр: [YourSite]/?mobile_view=1