Skip to content

Fix prose table columns collapsing to one-character width - #22

Merged
juntao merged 1 commit into
second-state:mainfrom
ethanwestfall:fix/prose-table-nowrap-overflow
Jul 26, 2026
Merged

Fix prose table columns collapsing to one-character width#22
juntao merged 1 commit into
second-state:mainfrom
ethanwestfall:fix/prose-table-nowrap-overflow

Conversation

@ethanwestfall

Copy link
Copy Markdown
Contributor

Summary

  • All four translations already had correct pipe-table Markdown; the broken rendering was a single shared CSS bug in WritingLayout.astro.
  • .prose th,.prose td forced white-space:nowrap on every column. In a 2-column table where the second column holds full sentences, that column demanded one unbroken line; with the table capped at max-width:100%, the layout starved the other column down to its minimum width, wrapping short flag names character-by-character while the wide column overflowed.
  • Removing the nowrap override (and the now-redundant first-child exception) lets cells wrap normally, fixing every table on the site across all four languages since they share this one layout.

Test plan

  • Reproduced the exact bug (narrow, character-wrapped first column; overflowing second column) in a standalone HTML page using the original CSS and the site's actual table markup.
  • Applied the fix in the same test page and confirmed both columns render normally with no overflow.
  • Could not run npm run build / dev server in this environment (Node not installed) — please do a final visual check on the built /blog/run-any-model-in-openclaw-through-token-station.html page (and its -zh/-ja/-ko variants) before merging.

.prose th/td forced white-space:nowrap on every column, so any
multi-sentence cell (e.g. the "Meaning" column in flag/option tables)
demanded a single unbroken line. With the table capped at
max-width:100%, the layout starved other columns down to their
minimum content width, wrapping short flag names character-by-character
while the wide column overflowed. Letting cells wrap normally (the
default) fixes every table across all four languages, since they all
share this layout.
@juntao
juntao merged commit 70fb2b9 into second-state:main Jul 26, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants