diff --git a/src/components/docPage/index.tsx b/src/components/docPage/index.tsx index 58366bef8bf6b7..77cb43a60a59f1 100644 --- a/src/components/docPage/index.tsx +++ b/src/components/docPage/index.tsx @@ -134,6 +134,14 @@ export function DocPage({ max-width: none; box-sizing: border-box; } + /* At toc breakpoint (1490px), constrain content to leave room for TOC */ + @media (min-width: 1490px) { + #doc-content { + /* Calculate max width: viewport - sidebar - TOC - gaps - padding */ + /* Leave room for: sidebar (300px) + TOC (250px) + gaps (48px) + padding (96px) */ + max-width: calc(100vw - 300px - 250px - 48px - 96px); + } + } @media (min-width: 2057px) { :root { --doc-content-w: 1100px;