Repositions BackToTop button on docs. Closes #4806

pnp · May 24, 2023 · 10fba1e · 10fba1e
1 parent c62e77e
commit 10fba1e
Showing 1 changed file with 13 additions and 19 deletions.
diff --git a/docs/src/scss/Global.module.scss b/docs/src/scss/Global.module.scss
@@ -32,6 +32,19 @@
     background-color: var(--ifm-background-surface-color);
   }
 
+  .theme-back-to-top-button {
+    @media only screen and (max-width: 699px) {
+      right: 2.5rem !important;
+      bottom: 6rem !important;
+    }
+
+    // Mendable button switches from mobile to desktop at 700px
+    @media only screen and (min-width: 700px) {
+      right: 3rem !important;
+      bottom: 8.5rem !important;
+    }
+  }
+
   [data-theme='light'] {
     .menu__link {
       color: var(--ifm-color-emphasis-800);
@@ -60,22 +73,3 @@
     }
   }
 }
-
-/* Reduce width on mobile for Mendable Search */
-@media (max-width: 767px) {
-  .mendable-search {
-    width: 200px;
-  }
-}
-
-@media (max-width: 500px) {
-  .mendable-search {
-    width: 150px;
-  }
-}
-
-@media (max-width: 380px) {
-  .mendable-search {
-    width: 140px;
-  }
-}