Fix #2043, put Save and Cancel inside the selection box when the sele…

…ction is at the bottom of the page
mozilla-services · Jan 31, 2017 · 38becf4 · 38becf4
1 parent e54d6a3
commit 38becf4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/addon/data/selector-ui.js b/addon/data/selector-ui.js
@@ -316,6 +316,11 @@ const ui = (function () { // eslint-disable-line no-unused-vars
       } else {
         this.el.classList.remove("pageshot-small-selection");
       }
+      if (docHeight - pos.bottom < 50) {
+        this.el.classList.add("pageshot-bottom-selection");
+      } else {
+        this.el.classList.remove("pageshot-bottom-selection");
+      }
       this.el.style.top = (pos.top - bodyRect.top) + "px";
       this.el.style.left = (pos.left - bodyRect.left) + "px";
       this.el.style.height = (pos.bottom - pos.top - bodyRect.top) + "px";

diff --git a/static/css/inline-selection.scss b/static/css/inline-selection.scss
@@ -42,6 +42,10 @@ $overlay-z-index: 9999999999;
   bottom: -55px;
   right: 0;
   z-index: 6;
+
+  .pageshot-bottom-selection & {
+    bottom: 5px;
+  }
 }
 
 .pageshot-highlight-button-cancel {