From d5f79c0eeb741c2f650c1a1a5c47b5ac861c2a47 Mon Sep 17 00:00:00 2001
From: wanhose <wanhose.development@gmail.com>
Date: Sun, 24 May 2020 19:08:57 +0200
Subject: [PATCH] feat(script): add remove unnecessary top margins

---
 src/js/content.js        |  4 ++--
 src/js/modules/script.js | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/js/content.js b/src/js/content.js
index 6df07a9..af5e74b 100644
--- a/src/js/content.js
+++ b/src/js/content.js
@@ -3,12 +3,12 @@
 if (!!window.chrome && navigator.vendor.includes("Google")) {
   // Get document head
   const head = document.head || document.getElementsByTagName('head')[0];
-
+  
   // Create logic script
   const script = document.createElement("script");
   script.setAttribute("src", chrome.runtime.getURL("js/modules/script.js"));
   script.setAttribute("type", "module");
 
-  // Inject logic  script
+  // Inject logic script
   head.appendChild(script);
 };
\ No newline at end of file
diff --git a/src/js/modules/script.js b/src/js/modules/script.js
index 4b31cf9..e110c42 100644
--- a/src/js/modules/script.js
+++ b/src/js/modules/script.js
@@ -17,6 +17,11 @@ const doMagic = () => {
     const removable = getRemovableElements(document)
         .filter(element => !!element);
 
+    // Fixing main elements
+    document.documentElement.style.setProperty('overflow', 'auto', 'important');
+    document.documentElement.style.setProperty('overflowX', 'auto', 'important');
+    document.documentElement.style.setProperty('overflowY', 'auto', 'important');
+
     // Remove irritating all removable elements
     removable.forEach(element => {
         const exists = 
@@ -28,7 +33,13 @@ const doMagic = () => {
     });
 
     // Remove irritating styles from elements not removable
-    notRemovable.forEach(element => element.style.setProperty('overflow', 'unset', 'important'));
+    notRemovable.forEach(element => {
+        element.style.setProperty('margin-top', 'unset', 'important');
+        element.style.setProperty('overflow', 'auto', 'important');
+
+        // Miscellaneous
+        element.classList.remove('cli-barmodal-open');
+    });
 };
 
 // Observer starts observe when call this function