Skip to content

Fix CodeBlock and Table on website#9693

Merged
tobias-tengler merged 2 commits into
mainfrom
tte/website-fixes
May 13, 2026
Merged

Fix CodeBlock and Table on website#9693
tobias-tengler merged 2 commits into
mainfrom
tte/website-fixes

Conversation

@tobias-tengler

Copy link
Copy Markdown
Member

No description provided.

Copilot AI review requested due to automatic review settings May 13, 2026 05:40

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adjusts the website’s global table styling and MDX code block styling to improve layout behavior (tables handling long content better, and code blocks no longer being artificially capped in width on larger screens).

Changes:

  • Set tables to table-layout: fixed to stabilize column sizing and prevent layout blowouts.
  • Add overflow-wrap: anywhere to td/th so long strings can wrap instead of forcing horizontal overflow.
  • Remove the max-width: 660px constraint on code blocks for viewports ≥ 700px.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
website/src/style/global-style.tsx Updates table and cell CSS to improve wrapping and prevent table overflow issues.
website/src/components/mdx/code-block.tsx Removes a desktop max-width cap on <pre> to allow code blocks to use available content width.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@tobias-tengler
tobias-tengler merged commit d784128 into main May 13, 2026
22 checks passed
@tobias-tengler
tobias-tengler deleted the tte/website-fixes branch May 13, 2026 06:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants