From 9b4f76d776bc4b34111218c3aef37377fdbc48f6 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Fri, 8 Dec 2017 23:16:59 +0300
Subject: [PATCH] adjust #hotkey-info position dynamically

---
 popup/hotkeys.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/popup/hotkeys.js b/popup/hotkeys.js
index da7364cb..443e9e32 100644
--- a/popup/hotkeys.js
+++ b/popup/hotkeys.js
@@ -17,6 +17,8 @@ var hotkeys = (() => {
     initHotkeyInfo();
   });
 
+  window.addEventListener('resize', adjustInfoPosition);
+
   return {setState};
 
   function setState(newState = !enabled) {
@@ -138,11 +140,15 @@ var hotkeys = (() => {
       delete container.dataset.active;
       document.body.style.height = '';
       container.title = title;
+      window.addEventListener('resize', adjustInfoPosition);
     }
 
     function open() {
+      window.removeEventListener('resize', adjustInfoPosition);
+      debounce.unregister(adjustInfoPosition);
       title = container.title;
       container.title = '';
+      container.style = '';
       container.dataset.active = true;
       if (!container.firstElementChild) {
         buildElement();
@@ -184,4 +190,19 @@ var hotkeys = (() => {
       });
     }
   }
+
+  function adjustInfoPosition(debounced) {
+    const container = $('#hotkey-info');
+    if (debounced !== true) {
+      debounce(adjustInfoPosition, 100, true);
+      return;
+    }
+    const style = container.style;
+    if (installed.scrollHeight > installed.clientHeight) {
+      const entryRight = installed.firstElementChild.getBoundingClientRect().right;
+      style.setProperty('right', window.innerWidth - entryRight + 'px', 'important');
+    }
+    const installedBottom = installed.getBoundingClientRect().bottom + window.scrollY;
+    style.setProperty('bottom', window.innerHeight - installedBottom + 'px', 'important');
+  }
 })();