Move settings bar below element if at very top

5 years ago · 8d00566703
1 changed files with 5 additions and 0 deletions
--- a/packages/client/src/components/preview/SettingsBar.svelte
+++ b/packages/client/src/components/preview/SettingsBar.svelte
@ -66,6 +66,11 @@
        newTop = deviceBottom - 44
      }

+      //If element is at the very top of the screen, put the bar below the element
+      if (elBounds.top < elBounds.height) {
+        newTop = elBounds.bottom + verticalOffset
+      }
+
      // Horizontally, try to center first.
      // Failing that, render to left edge of component.
      // Failing that, render to right edge of component,