docs: Improve table of content responsiveness (#43766)

Danilo Leal created 3 days ago

Release Notes:

- N/A

Change summary

docs/theme/page-toc.css | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)

Detailed changes

docs/theme/page-toc.css

@@ -5,8 +5,10 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
-  width: 220px;
   padding: 28px 0 120px 0;
+  max-width: 230px;
+  min-width: 180px;
+  width: 100%;
   max-height: calc(100svh - 50px);
   overflow-x: hidden;
 }
@@ -72,7 +74,7 @@
   display: none;
 }
 
-@media only screen and (max-width: 1020px) {
+@media only screen and (max-width: 1200px) {
   .toc-container {
     display: none;
   }