From 0d7a8d751e17a0ab49b675ac63781a2ed4a6b9f7 Mon Sep 17 00:00:00 2001 From: bwang Date: Thu, 15 Sep 2022 13:07:52 -0500 Subject: [PATCH] Follow-up: Apply min-width to collapsed TOC Bug: T316056 Change-Id: Ib9460cd5f5fa6d37a4aaf3c0dd583d9de46851ee --- .../components/TableOfContentsCollapsed.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/resources/skins.vector.styles/components/TableOfContentsCollapsed.less b/resources/skins.vector.styles/components/TableOfContentsCollapsed.less index 2c8f084a..c2976932 100644 --- a/resources/skins.vector.styles/components/TableOfContentsCollapsed.less +++ b/resources/skins.vector.styles/components/TableOfContentsCollapsed.less @@ -62,9 +62,10 @@ // Shared collapsed TOC styles, applies across all collapsed cases (page title, floating, sticky header) .mixin-toc-collapsed() { 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 width: auto; + min-width: 200px; max-width: ~'min( @{max-width-collapsed-toc}, 75vw )'; // 51em }