From f4ae59f126b24fdf4d10ced2dc0516712af7e33c Mon Sep 17 00:00:00 2001
From: Aqib Shabir <aqibfaisalshabir@gmail.com>
Date: Mon, 2 Dec 2024 16:23:41 +0000
Subject: [PATCH 1/2] Fix z-index conflict between aside and sidebar in mobile
 view

---
 .../src/templates/documentation.scss          | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/typescriptlang-org/src/templates/documentation.scss b/packages/typescriptlang-org/src/templates/documentation.scss
index ec3e0de23293..d7a7044d0a86 100644
--- a/packages/typescriptlang-org/src/templates/documentation.scss
+++ b/packages/typescriptlang-org/src/templates/documentation.scss
@@ -1,11 +1,13 @@
 @import "../style/globals.scss";
 
 #beta {
-  background: repeating-linear-gradient(45deg,
-      #9b9a4e,
-      #9b9a4e 10px,
-      #6e6a33 10px,
-      #6e6a33 20px);
+  background: repeating-linear-gradient(
+    45deg,
+    #9b9a4e,
+    #9b9a4e 10px,
+    #6e6a33 10px,
+    #6e6a33 20px
+  );
   background-color: "#c63131";
   text-align: center;
   color: white;
@@ -30,7 +32,7 @@
   }
 
   // Page title
-  &>h1 {
+  & > h1 {
     font-size: 3.5rem;
     line-height: 3.5rem;
     font-weight: 400;
@@ -81,7 +83,7 @@
       position: relative;
       top: 0;
       width: 100%;
-      z-index: 1000;
+      z-index: 98;
       margin-left: 0;
       order: 1;
     }
@@ -134,7 +136,6 @@
     }
 
     .like-dislike-subnav {
-
       #like-button,
       #dislike-button {
         cursor: pointer;
@@ -477,6 +478,6 @@
   overflow: auto;
   max-height: 80vh;
   ul {
-    padding-left: .5em !important;
+    padding-left: 0.5em !important;
   }
 }

From 36ab622313238286f8d7aa564b263ceb5b4cd583 Mon Sep 17 00:00:00 2001
From: Aqib Shabir <118258141+aqibshabir@users.noreply.github.com>
Date: Mon, 2 Dec 2024 20:01:13 +0000
Subject: [PATCH 2/2] Reverting formatting changes for consistency

---
 .../src/templates/documentation.scss            | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/typescriptlang-org/src/templates/documentation.scss b/packages/typescriptlang-org/src/templates/documentation.scss
index d7a7044d0a86..6f3ccb1cdd9e 100644
--- a/packages/typescriptlang-org/src/templates/documentation.scss
+++ b/packages/typescriptlang-org/src/templates/documentation.scss
@@ -1,13 +1,11 @@
 @import "../style/globals.scss";
 
 #beta {
-  background: repeating-linear-gradient(
-    45deg,
-    #9b9a4e,
-    #9b9a4e 10px,
-    #6e6a33 10px,
-    #6e6a33 20px
-  );
+  background: repeating-linear-gradient(45deg,
+      #9b9a4e,
+      #9b9a4e 10px,
+      #6e6a33 10px,
+      #6e6a33 20px);
   background-color: "#c63131";
   text-align: center;
   color: white;
@@ -32,7 +30,7 @@
   }
 
   // Page title
-  & > h1 {
+  &>h1 {
     font-size: 3.5rem;
     line-height: 3.5rem;
     font-weight: 400;
@@ -136,6 +134,7 @@
     }
 
     .like-dislike-subnav {
+
       #like-button,
       #dislike-button {
         cursor: pointer;
@@ -478,6 +477,6 @@
   overflow: auto;
   max-height: 80vh;
   ul {
-    padding-left: 0.5em !important;
+    padding-left: .5em !important;
   }
 }