From bb148f1f2b805fcf6220184dd89a1b00343907cf Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Wed, 15 Mar 2023 23:51:32 +0800
Subject: [PATCH] chore: just wanna add some code

---
 src/background/index.ts          | 59 +++++++++++++++++++++-----------
 src/contentScripts/views/App.vue |  2 +-
 src/styles/main.scss             |  4 ---
 3 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/src/background/index.ts b/src/background/index.ts
index 1048f367..9cff76b0 100644
--- a/src/background/index.ts
+++ b/src/background/index.ts
@@ -65,21 +65,40 @@ browser.tabs.onUpdated.addListener((tabId: number, changInfo: Tabs.OnUpdatedChan
     })
 
     if (changInfo.status === 'loading') {
-      const css = `
-      body {
-        opacity: 0;
-        transition: opacity 0.5s;
-        overflow-y: hidden;
-        pointer-events: none;
-      }
-      `
+      // const css = `
+      // body {
+      //   opacity: 0;
+      //   transition: opacity 0.5s;
+      //   overflow-y: hidden;
+      //   pointer-events: none;
+      // }
+      // `
 
       browser.scripting.insertCSS({
-        css,
+        css: `
+        body {
+            opacity: 0;
+            transition: opacity 0.5s;
+            overflow-y: hidden;
+            pointer-events: none;
+        }
+        `,
         target: {
           tabId,
         },
       })
+      setTimeout(() => {
+        browser.scripting.insertCSS({
+          css: `
+          body {
+              opacity: 1;
+              overflow-y: auto;
+              pointer-events: auto;
+          }
+          `,
+          target: { tabId },
+        })
+      }, 1500)
 
       // If it not a macOS, we will inject CSS to design the scrollbar
       if (!navigator.userAgent.includes('Mac OS X')) {
@@ -114,18 +133,18 @@ browser.tabs.onUpdated.addListener((tabId: number, changInfo: Tabs.OnUpdatedChan
       }
     }
     else if (changInfo.status === 'complete') {
-      const css = `
-      body {
-        opacity: 1;
-        overflow-y: auto;
-        pointer-events: auto;
-      }
-      `
+      // const css = `
+      // body {
+      //   opacity: 1;
+      //   overflow-y: auto;
+      //   pointer-events: auto;
+      // }
+      // `
 
-      browser.scripting.insertCSS({
-        css,
-        target: { tabId },
-      })
+      // browser.scripting.insertCSS({
+      //   css,
+      //   target: { tabId },
+      // })
     }
   }
 })
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index 59e76d28..19c1cb7e 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -65,7 +65,7 @@ async function setAppLanguage() {
 </script>
 
 <template>
-  <div bg="$bew-bg" text="$bew-text-1">
+  <div bg="$bew-bg" text="$bew-text-1" min-h-100vh>
     <div m-auto max-w="$bew-page-max-width">
       <Transition name="topbar">
         <Topbar
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 9e2279db..dfac5775 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -13,10 +13,6 @@ html, body {
 //   padding: 0;
 // }
 
-#bewly {
-  background-color: var(--bew-bg);
-}
-
 // html {
 //   filter: none !important;
 // }