Priority/Severity: Medium
Platform: Mobile, any OS/browser, with Horizon theme
Description: If a topic only contains short text that fits within a portion of screen width, the topic content box does not take up full width and leaves blank on the right.
Pull request: Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub
Reproducible steps:
- Create a new topic with a short title and content. For example:
Test short topic
Very short body text. - Open the topic on mobile screens that are wider than body text. In this example, it is emulated with a Pixel 7 dimensions in Chrome DevTools.
- The topic content does not take up full width like other longer topics that wrap new lines. There is unexpected extra space on the right of the screen. Also the buttons are not correctly aligned with other elements on the page.
- If a longer reply is posted, the layout becomes normal.
Wrong layout with very short topic content:
Note that post time, buttons and progress are not aligned to the right with the blue topic reply button below.
After a longer reply is posted, the layout becomes normal:
(Will upload in the next reply because of the error: An error occurred: Sorry, new users can only put one embedded media item in a post.)
