From a7d2bf62c05395b03cba05549bd6bcece02fd125 Mon Sep 17 00:00:00 2001
From: navya9singh <navyasingh@microsoft.com>
Date: Fri, 27 Sep 2024 10:05:53 -0700
Subject: [PATCH 1/2] fixing resizing error

---
 .../typescriptlang-org/src/templates/documentation.scss   | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/typescriptlang-org/src/templates/documentation.scss b/packages/typescriptlang-org/src/templates/documentation.scss
index 373b47338262..0c63390fe6e1 100644
--- a/packages/typescriptlang-org/src/templates/documentation.scss
+++ b/packages/typescriptlang-org/src/templates/documentation.scss
@@ -53,7 +53,6 @@
     margin: 1rem auto;
     margin-top: 0;
     padding: 2rem;
-    overflow: hidden;
   }
 
   .whitespace-tight {
@@ -61,12 +60,7 @@
   }
 
   aside {
-    display: none;
-
-    @media (min-width: 1000px) {
-      display: block;
-    }
-
+    display: block;
     width: 13rem;
     flex-shrink: 0;
     margin-left: 20px;

From a38e6e51894c620a417edee4cffa60996770229f Mon Sep 17 00:00:00 2001
From: navya9singh <navyasingh@microsoft.com>
Date: Fri, 27 Sep 2024 14:18:54 -0700
Subject: [PATCH 2/2] adding ToC on top of the file when zoomed in

---
 .../src/templates/documentation.scss          | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/typescriptlang-org/src/templates/documentation.scss b/packages/typescriptlang-org/src/templates/documentation.scss
index 0c63390fe6e1..eed06e3bb530 100644
--- a/packages/typescriptlang-org/src/templates/documentation.scss
+++ b/packages/typescriptlang-org/src/templates/documentation.scss
@@ -45,7 +45,12 @@
 
   article {
     display: flex;
+    flex-direction: row;
     width: 100%;
+
+    @media (max-width: 999px) {
+      flex-direction: column;
+    }
   }
 
   .whitespace,
@@ -53,6 +58,10 @@
     margin: 1rem auto;
     margin-top: 0;
     padding: 2rem;
+
+    @media (max-width: 999px) {
+      order: 2;
+    }
   }
 
   .whitespace-tight {
@@ -60,11 +69,21 @@
   }
 
   aside {
-    display: block;
     width: 13rem;
     flex-shrink: 0;
     margin-left: 20px;
 
+    @media (min-width: 1000px) {
+      display: block;
+    }
+    @media (max-width: 999px) {
+      position: relative;
+      top: 0;
+      width: 100%;
+      z-index: 1000;
+      margin-left: 0;
+      order: 1;
+    }
     nav {
       position: sticky;
       top: 30px;