fix: accidentally removed body scroll, *actually* fix layout jump

dimdenGD · Jul 12, 2024 · 16c74f6 · 16c74f6
1 parent d2867e9
commit 16c74f6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/layouts/header/style.css b/layouts/header/style.css
@@ -87,10 +87,11 @@ input, textarea {
     height: 46px;
     top: 0;
     left: 0;
-    width: 100%;
+    width: 100vw;
     z-index: 100;
     font-size: 13px;
     color: var(--darker-gray);
+    padding-right: calc(100vw - 100%);
 }
 
 #navbar-line {

diff --git a/scripts/helpers.js b/scripts/helpers.js
@@ -15,8 +15,6 @@ function sleep(ms) {
     return new Promise(resolve => setTimeout(resolve, ms));
 }
 function createModal(html, className, onclose, canclose) {
-    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-    document.body.style.transform = `translateX(${scrollbarWidth}px)`;
     let modal = document.createElement('div');
     modal.classList.add('modal');
     let modal_content = document.createElement('div');
@@ -28,8 +26,8 @@ function createModal(html, className, onclose, canclose) {
     close.classList.add('modal-close');
     close.title = "ESC";
     close.innerHTML = '&times;';
+    document.body.style.overflowY = 'hidden';
     function removeModal() {
-        document.body.style.transform = ``;
         modal.remove();
         let event = new Event('findActiveTweet');
         document.dispatchEvent(event);
@@ -63,7 +61,6 @@ function createModal(html, className, onclose, canclose) {
     document.addEventListener('keydown', escapeEvent);
     modal_content.appendChild(close);
     document.body.appendChild(modal);
-    document.body.style.transform = ``
     return modal;
 }
 async function handleFiles(files, mediaArray, mediaContainer, is_dm = false) {

diff --git a/scripts/injection.js b/scripts/injection.js
@@ -675,6 +675,7 @@ let page = realPath === "" ? pages[0] : pages.find(p => (!p.exclude || !p.exclud
     }
 
     document.documentElement.innerHTML = html;
+    document.getElementById("fake-react-root").style.paddingLeft = 'calc(100vw - 100%)'
     document.body.classList.add('body-old-ui');
 
     blockingObserver.disconnect();