fix(docs): prevent table overflow on mobile
Add responsive table rules: horizontal scroll within container, word-break for inline code, and constrained max-width. Fixes hamburger menu being pushed off-screen on pages with wide tables.
This commit is contained in:
17
docs/static/style.css
vendored
17
docs/static/style.css
vendored
@@ -487,4 +487,21 @@ th {
|
|||||||
pre {
|
pre {
|
||||||
max-width: calc(100vw - 2rem);
|
max-width: calc(100vw - 2rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Make tables scrollable on mobile */
|
||||||
|
table {
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
white-space: nowrap;
|
||||||
|
max-width: calc(100vw - 2rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Allow inline code to wrap */
|
||||||
|
code {
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
td code {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user