fix(popup): put mouseover link on right side of mouse on lower left

fent · Nov 4, 2018 · e37100b · e37100b
1 parent 0e9ea61
commit e37100b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/popup/popup.js b/popup/popup.js
@@ -396,6 +396,11 @@ const hoverLinks = ($video) => {
     $link.addEventListener('mouseover', (e) => {
       e.stopPropagation();
       $hoverLink.textContent = url;
+      // Place the link on the right side if the mouse is close to
+      // the lower left side of the window.
+      $hoverLink.classList.toggle('right',
+        window.innerHeight - e.clientY < VIDEO_HEIGHT &&
+        e.clientX < window.innerWidth / 2);
       document.body.append($hoverLink);
     });
     $link.addEventListener('mouseleave', () => {

diff --git a/popup/style.css b/popup/style.css
@@ -509,3 +509,9 @@ a.close[data-title]:hover:after {
   line-height: 15px;
   z-index: 99;
 }
+
+.mouseover-link.right {
+  left: unset;
+  right: 0;
+  max-width: 50%;
+}