Repository navigation
docs: use wide mode on pages with 5-column tables - #782
Merged
Merged
Conversation
Mintlify gives every table cell a 150px minimum width, so a 5-column table is at least 750px wide. With the "On this page" panel shown, the content column is 630-700px, so all 55 tables with 5+ columns overflowed at every desktop width and their Description column was cut off behind a hidden scrollbar. Wide mode hides that panel and gives the content column the room these tables need. Affects 26 pages: 23 construct pages plus admin/team-management/overview, communicate/alerts/overview and platform/data-storage. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Contributor
|
Preview deployment for your docs. Learn more about Mintlify Previews.
|
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Affected Components
Notes for the Reviewer
Every docs table with 5 or more columns is cut off on desktop. Mintlify gives each table cell a minimum width of 150px (
[&_td]:min-w-[150px]), so a 5-column table is at least 750px wide. With the "On this page" panel shown, the content column is only 630–700px (about 40px less inside Tabs). The table scrolls, but the scrollbar is hidden, so the Description column just looks cut off.This PR adds
mode: "wide"to the 26 affected pages: 23 construct pages plusadmin/team-management/overview,communicate/alerts/overviewandplatform/data-storage. Wide mode hides the "On this page" panel and widens the content column. On the construct pages that panel only lists a few sections (Configuration, option groups, Examples).Measured on the live site and on this PR's preview. A headless browser clicked every tab and compared each table with its container:
Please look at:
admin/team-management/overview: the 6-column permissions table is still 36px too wide at 1280px. It also loses the longest "On this page" panel of the 26 (15 headings). Splitting that table may be the better fix, and I can take wide mode off that page if you prefer.style.css. I tested it, and code in the Type and Default columns broke mid-word more often. The CSS would also depend on Mintlify's internal class names.Screenshots
There are before/after screenshots for all 26 pages (1440×900, scrolled to each page's worst table), plus per-page numbers, in the report: https://claude.ai/artifact/3xvix7vJDbg3wnjY9wzAjs
Preview: https://checkly-422f444a-hannes-wide-mode-wide-tables.mintlify.site/constructs/dns-monitor
🤖 Generated with Claude Code