From c53a2c604d9eab584faea0f7686944d4234fc29b Mon Sep 17 00:00:00 2001
From: Joey Chen <142381267+JoeyC-Dev@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:48:14 +0800
Subject: [PATCH 1/3] Fix: banner/content width is inconsistent between long
 and short pages

---
 source/css/style.styl | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/source/css/style.styl b/source/css/style.styl
index ab94e26..4e85217 100644
--- a/source/css/style.styl
+++ b/source/css/style.styl
@@ -33,6 +33,7 @@ body
   background-size: 240px
   background-blend-mode: overlay    // TODO temporarily
   transition: background trans-style, color trans-style
+  overflow-y: hidden;
   &:before
     // TODO rotate the background
     // content: ''
@@ -148,4 +149,4 @@ body
 @import "_partial/settings"
 
 if sidebar
-  @import "_partial/sidebar"
\ No newline at end of file
+  @import "_partial/sidebar"

From e6c1e8dc78a91781935e9c50438ed92e943fe291 Mon Sep 17 00:00:00 2001
From: Joey Chen <142381267+JoeyC-Dev@users.noreply.github.com>
Date: Wed, 14 Feb 2024 18:25:25 +0800
Subject: [PATCH 2/3] Fix issue in stylus way

---
 source/css/style.styl | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/source/css/style.styl b/source/css/style.styl
index 4e85217..a5f9e2d 100644
--- a/source/css/style.styl
+++ b/source/css/style.styl
@@ -33,7 +33,6 @@ body
   background-size: 240px
   background-blend-mode: overlay    // TODO temporarily
   transition: background trans-style, color trans-style
-  overflow-y: hidden;
   &:before
     // TODO rotate the background
     // content: ''
@@ -46,6 +45,9 @@ body
     // background-color: none
     // rotate: 30deg
 
+body::-webkit-scrollbar
+  width: 0px
+
 @css {
   #main-grid {
     grid-template-columns: min(30%, var(--sidebar-width)) auto;

From 01ed0dbf5e24fbfc48d7104fd34674aa5e6aba57 Mon Sep 17 00:00:00 2001
From: Joey Chen <142381267+JoeyC-Dev@users.noreply.github.com>
Date: Wed, 14 Feb 2024 23:16:55 +0800
Subject: [PATCH 3/3] Fix content push issue in the other way

---
 source/css/_partial/header.styl | 1 +
 source/css/style.styl           | 3 ---
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/source/css/_partial/header.styl b/source/css/_partial/header.styl
index bc00c03..bca6bca 100644
--- a/source/css/_partial/header.styl
+++ b/source/css/_partial/header.styl
@@ -1,4 +1,5 @@
 :root
+  scrollbar-gutter: stable;
   #nav
     height: 72px
     @media mq-mobile
diff --git a/source/css/style.styl b/source/css/style.styl
index a5f9e2d..ca4eaa0 100644
--- a/source/css/style.styl
+++ b/source/css/style.styl
@@ -45,9 +45,6 @@ body
     // background-color: none
     // rotate: 30deg
 
-body::-webkit-scrollbar
-  width: 0px
-
 @css {
   #main-grid {
     grid-template-columns: min(30%, var(--sidebar-width)) auto;