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

Author: fent

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', () => {

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%;
+}