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 {
|
||||
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