Skip to content

fix(docs-site): restore scrollable tables (layout overflow under right TOC) - #1003

Merged
Dumbris merged 1 commit into
mainfrom
docs-table-overflow-fix
Aug 17, 2026
Merged

fix(docs-site): restore scrollable tables (layout overflow under right TOC)#1003
Dumbris merged 1 commit into
mainfrom
docs-table-overflow-fix

Conversation

@Dumbris

@Dumbris Dumbris commented Aug 17, 2026

Copy link
Copy Markdown
Member

The custom.css global table { display: table; width: 100%; } override disabled Docusaurus/Infima's default display: block; overflow-x: auto markdown-table behavior. Result (visible on /features/telemetry/): wide tables escaped the content column, slid under the right-hand TOC, and the squeezed trailing column produced extreme row heights.

Fix: drop the display override (framework default restored — wide tables scroll inside the column); keep width: 100% so the scroll container spans the column. Site-wide effect is a return to stock Docusaurus table behavior. Docusaurus build clean (165 docs).

…id wide tables under the TOC

The global 'table { display: table; width: 100%; }' in custom.css
disabled Infima's display:block + overflow-x:auto markdown-table
behavior, so any table wider than the content column (e.g. the
telemetry field table) overflowed beneath the right-hand TOC and
crushed its last column into extreme row heights. Wide tables now
scroll inside the column again.
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying mcpproxy-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: a4d805f
Status: ✅  Deploy successful!
Preview URL: https://e8fe0ba4.mcpproxy-docs.pages.dev
Branch Preview URL: https://docs-table-overflow-fix.mcpproxy-docs.pages.dev

View logs

@codecov-commenter

Copy link
Copy Markdown

⚠️ Please install the 'codecov app svg image' to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@github-actions

Copy link
Copy Markdown

📦 Build Artifacts

Workflow Run: View Run
Branch: docs-table-overflow-fix

Available Artifacts

  • archive-darwin-amd64 (29 MB)
  • archive-darwin-arm64 (26 MB)
  • archive-linux-amd64 (17 MB)
  • archive-linux-arm64 (15 MB)
  • archive-windows-amd64 (28 MB)
  • archive-windows-arm64 (25 MB)
  • frontend-dist-pr (0 MB)
  • installer-dmg-darwin-amd64 (23 MB)
  • installer-dmg-darwin-arm64 (20 MB)

How to Download

Option 1: GitHub Web UI (easiest)

  1. Go to the workflow run page linked above
  2. Scroll to the bottom "Artifacts" section
  3. Click on the artifact you want to download

Option 2: GitHub CLI

gh run download 32020787775 --repo smart-mcp-proxy/mcpproxy-go

Note: Artifacts expire in 14 days.

@Dumbris
Dumbris enabled auto-merge (squash) August 17, 2026 10:55

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Approving CSS-only docs-site fix: drops the display:table override that slid wide tables under the right TOC; framework default (scroll-in-column) restored; build clean.

@Dumbris
Dumbris merged commit 83d3044 into main Aug 17, 2026
48 checks passed
Dumbris added a commit that referenced this pull request Aug 17, 2026
…) (#1004)

Follow-up to #1003, which was based on a wrong assumption: this Infima version ships `table { display: table }` (its `overflow: auto` is inert on that display type — verified from live computed styles), so wide tables still slid under the right TOC after #1003 deployed.

Real fix, scoped to `.markdown table`:
- `display: block; width: fit-content; max-width: 100%; overflow-x: auto` — tables become genuine scroll containers clipped to the content column.
- `.markdown table code { white-space: pre-wrap; word-break: break-word }` — long code tokens (JSON examples, hashes) wrap inside cells instead of forcing one column to full unbroken width and starving the rest (this was the 156px-row-height cause).

**Verified on a local build** with browser computed styles + screenshots: telemetry table now fits the column exactly (643/643px, was 1364px overflowing), all three columns visible, rows 156→79px, TOC clear.
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