diff --git a/popup.html b/popup.html index c379e317..6d403b61 100644 --- a/popup.html +++ b/popup.html @@ -176,9 +176,9 @@ - - -
+
+ +
diff --git a/popup/hotkeys.js b/popup/hotkeys.js index b6abc2d1..fc37a78f 100644 --- a/popup/hotkeys.js +++ b/popup/hotkeys.js @@ -160,10 +160,9 @@ var hotkeys = (() => { if (!container.firstElementChild) { buildElement(); } - const height = 4 + + const height = 3 + container.firstElementChild.scrollHeight + - container.lastElementChild.scrollHeight + - parseFloat(getComputedStyle(container.lastElementChild).paddingBottom); + container.lastElementChild.scrollHeight; if (height > document.body.clientHeight) { document.body.style.height = height + 'px'; } @@ -203,19 +202,5 @@ var hotkeys = (() => { debounce(adjustInfoPosition, 100, true); return; } - const style = $('#hotkey-info').style; - const scroller = document.scrollingElement; - if (installed.scrollHeight > installed.clientHeight || - scroller.scrollHeight > scroller.innerHeight) { - const entryRight = installed.firstElementChild.getBoundingClientRect().right; - const right = window.innerWidth - entryRight; - if (parseFloat(style.right) !== right) { - style.setProperty('right', right + 'px', 'important'); - } - } - const bottom = installed.getBoundingClientRect().bottom + window.scrollY; - if (parseFloat(style.height) !== bottom) { - style.setProperty('height', bottom + 'px', 'important'); - } } })(); diff --git a/popup/popup.css b/popup/popup.css index 38f6675d..cce0d50e 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -9,6 +9,7 @@ html, body { height: min-content; + max-height: 600px; } body { @@ -144,6 +145,7 @@ body.blocked > DIV { max-height: 445px; overflow-y: auto; counter-reset: style-number; + position: relative; } #installed.disabled .style-name { @@ -555,7 +557,9 @@ body.blocked .actions > .main-controls { } #hotkey-info[data-active] { + position: fixed; left: 6ex; + bottom: unset; width: auto; cursor: auto; display: flex;