Merge "Follow-up: Apply min-width to collapsed TOC"

This commit is contained in:
jenkins-bot 2022-09-19 22:41:23 +00:00 committed by Gerrit Code Review
commit 635ae993ff

View file

@ -62,9 +62,10 @@
// Shared collapsed TOC styles, applies across all collapsed cases (header, floating, sticky header) // Shared collapsed TOC styles, applies across all collapsed cases (header, floating, sticky header)
.mixin-toc-collapsed() { .mixin-toc-collapsed() {
margin: 0; margin: 0;
// T316056 Remove TOC menu fixed width and apply max-width // T316056 Remove TOC menu fixed width and apply min/max-width
// using min() so that the TOC menu doesn't fully cover the text even on small viewports // using min() so that the TOC menu doesn't fully cover the text even on small viewports
width: auto; width: auto;
min-width: 200px;
max-width: ~'min( @{max-width-collapsed-toc}, 75vw )'; // 51em max-width: ~'min( @{max-width-collapsed-toc}, 75vw )'; // 51em
} }