Контент темы не занимает всю ширину для очень короткого текста

[fangjue (方觉)]

Приоритет/Серьезность: Средний

Платформа: Мобильные устройства, любая ОС/браузер, тема Horizon

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

Запрос на слияние (Pull request): Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub

Шаги для воспроизведения:

1. Создайте новую тему с коротким заголовком и содержимым. Например:
   Тест короткой темы
   Очень короткий текст тела.
2. Откройте тему на мобильных экранах, которые шире текста тела. В этом примере эмуляция выполнена с размерами Pixel 7 в инструментах разработчика Chrome.
3. Контент темы не занимает всю ширину, как у других более длинных тем, которые переносят строки. Справа на экране появляется неожиданное дополнительное пространство. Кроме того, кнопки не выровнены правильно относительно других элементов на странице.
4. Если опубликован более длинный ответ, макет становится нормальным.

Неправильный макет с очень коротким содержимым темы:

Обратите внимание, что время публикации, кнопки и прогресс не выровнены по правому краю с синей кнопкой ответа на тему ниже.

После публикации более длинного ответа макет становится нормальным:

(Будет загружено в следующем ответе из-за ошибки: Произошла ошибка: Извините, новые пользователи могут добавлять только один встроенный медиа-элемент в сообщение.)

[fangjue (方觉)]

Ожидаемая разметка (и разметка после публикации более длинного ответа):

[awesomerobot (Kris)]

Спасибо за отчет и PR! Я смог воспроизвести проблему и подтвердил, что исправление работает. Оно будет включено в обновление Discourse в ближайшее время.