fixes

TheBaum123 · May 4, 2024 · db156fa · db156fa
1 parent 808d9fd
commit db156fa
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/preferences.html b/preferences.html
@@ -51,13 +51,6 @@
         </div>
     </div>
 
-    <div id="disable-quote-container" class="settings-container">
-        <div id="enable-quote-wrapper" class="setting-container">
-            <input type="checkbox" id="enable-quote">
-            <label for="enable-quote">Enable Quote</label>
-        </div>
-    </div>
-
     <div id="change-theme-container" class="settings-container">
         <div id="theme-selector-wrapper" class="setting-container">
             <label for="theme-selector">Theme: </label>
@@ -121,13 +114,17 @@
     </div>
 
     <div id="bookmark-settings-wrapper" class="settings-container">
+        <div id="enable-quote-wrapper" class="setting-container">
+            <input type="checkbox" id="enable-quote">
+            <label for="enable-quote">Enable Quote</label>
+        </div>
         <div class="setting-container">
-            <label for="enable-bookmarks-checkbox">Enable Bookmark box (disabling also hides quotes): </label>
             <input type="checkbox" name="enable-bookmarks" id="enable-bookmarks-checkbox">
+            <label for="enable-bookmarks-checkbox">Enable Bookmark box (disabling also hides quotes)</label>
         </div>
         <div class="setting-container">
-            <label for="enable-bookmarks-layoutshift-checkbox">Shift layout when bookmarks are disabled: </label>
             <input type="checkbox" name="enable-bookmarks" id="enable-bookmarks-layoutshift-checkbox">
+            <label for="enable-bookmarks-layoutshift-checkbox">Shift layout when bookmarks are disabled</label>
         </div>
     </div>
     <!--

diff --git a/scripts/getPreferences.js b/scripts/getPreferences.js
@@ -98,13 +98,15 @@ if (enableBookmarks == false) {
     document.body.removeChild(document.getElementById("bookmarks-container"));
 }
 
-if (enableBookmarksLayoutShift == true) {
+if (enableBookmarksLayoutShift == true && enableBookmarks == false) {
     document.getElementById("search-container").style.top = "50vh";
     document.getElementById("search-container").style.transform =
         "translate(-50%, -50%)";
-
-    document.getElementById("greetings-container").style.transform =
-        "translate(-50%, 75%)";
+    setTimeout(() => {
+        if (!greetingsShown) return;
+        document.getElementById("greetings-container").style.transform =
+            "translate(-50%, 75%)";
+    }, 25);
 }
 
 //set the theme