Skip to content

fix(docs-site): scrollable tables + cell code wrapping (completes #1003) #1004

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Dumbris merged 1 commit into from
Aug 17, 2026
Merged

fix(docs-site): scrollable tables + cell code wrapping (completes #1003) #1004

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 18 additions & 6 deletions website/src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,12 +55,24 @@
font-size: 14px;
}

/* Tables: keep Infima's default display:block + overflow-x:auto so wide
tables scroll INSIDE the content column instead of sliding under the right
TOC (the old display:table override broke this — see the telemetry page).
width:100% only makes the scroll container span the column. */
table {
width: 100%;
/* Markdown tables: this Infima version sets `display: table`, on which its
own `overflow: auto` is inert (overflow needs a block container), so wide
tables blew past the content column and under the right TOC (telemetry
page). display:block turns the table into a real scroll container: narrow
tables shrink-wrap, wide ones cap at the column and scroll inside it. */
.markdown table {
display: block;
width: fit-content;
max-width: 100%;
overflow-x: auto;
}

/* Long code tokens in table cells (JSON examples, hashes) otherwise force a
column to its full unbroken width, starving the other columns into
multi-line slivers with tall rows. Let them wrap inside cells. */
.markdown table code {
white-space: pre-wrap;
word-break: break-word;
}

/* Better sidebar navigation */
Expand Down
Loading