I’ve been seeing a few of these about recently where the ‘expand quote’ arrow is forced onto a new line due to topic title and/or category length, breaking the flow of the quote formatting:
I imagine it’s screen size dependant, but FWIW I’m using an iPhone 15 Pro.
4 likes
ondrej
21 juli 2025 om 10:45
2
Gebeurt bij mij ook, ik heb een Samsung S23+ met een redelijk groot scherm.
2 likes
Ik zie dit tegenwoordig meer; op Android A14.
2 likes
Thanks for reporting it! I have a fix in progress here:
main ← ux-quote-title-align
opened 06:59PM - 23 Jul 25 UTC
Reported here: https://meta.discourse.org/t/expand-quote-arrow-new-line-creates-… gap-in-quote-style/375067
In cases of long content and narrow viewports, sometimes quote content can break the layout:
<img width="244" alt="image" src="https://github.com/user-attachments/assets/3674cabb-e278-4bec-a9cf-48623dfdce6c" />
This improves the situation by adding an additional wrapper to the quote onebox title and category. This allows text to wrap independently from the avatar and controls, and in worst cases the text truncates:
<img width="500" alt="image" src="https://github.com/user-attachments/assets/3e29bf52-0b36-4f70-8237-22ee3b9377b2" />
<img width="300" alt="image" src="https://github.com/user-attachments/assets/8fbd83bf-dafd-42cc-a470-a928c252c183" />
Even without a post HTML rebuild for the quotes to get the new wrapper, the new CSS prevents layout breakage through `text-overflow: ellipsis;` alone
Old quote without the new wrapper, but with the new CSS:
<img width="350" alt="image" src="https://github.com/user-attachments/assets/8922bce0-17a7-4731-a1de-33daad9d7b37" />
4 likes
