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
July 21, 2025, 10:45am
2
Happens to me too I’m on a samsung s23+ which is a big(ish) screen.
2 Likes
I see this more so nowadays; on 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" />
2 Likes
