tr
TryGhost
GitHub
Ghost
Workspace
GitHub
CI Pipeline Executions
Filtered
Runs
Demo
Insights
Compare tasks
Analytics
Sign in
Toggle sidebar
Overview
⌘K
Ghost
Loading workspace stats
Loading workspace insights...
Statistics interval
7 days
30 days
Latest CI Pipeline Executions
Status
Fix filter
Filter
Fuzzy
Filter range
Sort by
Sort by
Start time
Sort ascending
Sort descending
GitHub
Ghost
Workspace
Succeeded
30605
b95044f5 🐛 Fixed long post titles breaking the analytics overview on mobile ref https://linear.app/ghost/issue/DES-1209/analytics-breaks-layout-on-mobile-devices A title that is a single unbroken word wider than its column - a pasted URL, a long hashtag, a compound word, or any language that does not break on spaces - pushed both the Latest post and Top posts cards past the right edge of the page on a phone, and in Top posts the title ran underneath the metrics beside it. Titles containing spaces were never affected: browsers already break those. `wrap-anywhere` rather than `break-words`, because the two differ in a way that matters here. Both break inside a word, but only `overflow-wrap: anywhere` also reduces the intrinsic width the layout reserves for the element. With `break-word` the text wraps while every ancestor still reserves the whole word's width, and the analytics views sit inside a grid whose items are sized by their content, so the page kept overflowing with the text visibly wrapped. Found by setting an 81-character title on the seeded posts; both cards were checked on a phone-width viewport before and after.
by Zach Acuna
Z
Previous
Next