tr
TryGhost
GitHub
Ghost
Workspace
GitHub
CI Pipeline Executions
Current execution
Succeeded
zach-des-1209-analytics-breaks-layout-on-mobile-devices
Runs and Agents
Configuration
Self-Healing CI
Project Graph
Circular Dependencies
Enterprise
Resource Usage
Analysis
Conformance
Enterprise
Runs
Current run
Succeeded
Tasks
Resource Usage
Insights
Compare tasks
Analytics
Sign in
Toggle sidebar
🐛 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.
nx run ghost-monorepo:lint:boundaries
⌘K
Succeeded
nx run ghost-monorepo:lint:boundaries
Click to copy
Linux
4 CPU cores
read-write
access token used
aadd5944
30605
GitHub
Ghost
Workspace