[docs-infra] Fix truncated TOCs scrollbar

oliviertassinari · Jun 30, 2023 · 14131a6 · 14131a6
1 parent 8f246c1
commit 14131a6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/docs/pages/experiments/docs/blog.md b/docs/pages/experiments/docs/blog.md
@@ -11,7 +11,7 @@ tags: ['Company']
 
 ### Image
 
-<img alt="Satellite image of Tenerife" src="/static/blog/2022-tenerife-retreat/tenerife.jpeg" style="aspect-ratio: 4/3;" loading="lazy" />
+<img alt="Satellite image of Tenerife" src="/static/blog/2022-tenerife-retreat/tenerife.jpeg" width="2560" height="1920" loading="lazy" />
 
 <p class="blog-description">An image description <a href="https://en.wikipedia.org/wiki/Tenerife">with a link</a>.</p>
 

diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js
@@ -15,9 +15,10 @@ const Nav = styled('nav')(({ theme }) => ({
   top: 0,
   paddingLeft: 2, // Fix truncated focus outline style
   position: 'sticky',
-  height: '100vh',
+  top: 'var(--MuiDocs-header-height)',
+  height: 'calc(100vh - var(--MuiDocs-header-height))',
   overflowY: 'auto',
-  paddingTop: `calc(var(--MuiDocs-header-height) + ${theme.spacing(4)})`,
+  paddingTop: theme.spacing(4),
   paddingBottom: theme.spacing(4),
   paddingRight: theme.spacing(4), // We can't use `padding` as stylis-plugin-rtl doesn't swap it
   display: 'none',