open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjust #hotkey-info position dynamically

Browse Source
This commit is contained in:
tophf 2017-12-08 23:16:59 +03:00
parent ae9d33cf37
commit 9b4f76d776
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
popup/hotkeys.js
View File

@ -17,6 +17,8 @@ var hotkeys = (() => {
initHotkeyInfo(); initHotkeyInfo();
}); });
window.addEventListener('resize', adjustInfoPosition);
return {setState}; return {setState};
function setState(newState = !enabled) { function setState(newState = !enabled) {
@ -138,11 +140,15 @@ var hotkeys = (() => {
delete container.dataset.active; delete container.dataset.active;
document.body.style.height = ''; document.body.style.height = '';
container.title = title; container.title = title;
window.addEventListener('resize', adjustInfoPosition);
} }
function open() { function open() {
window.removeEventListener('resize', adjustInfoPosition);
debounce.unregister(adjustInfoPosition);
title = container.title; title = container.title;
container.title = ''; container.title = '';
container.style = '';
container.dataset.active = true; container.dataset.active = true;
if (!container.firstElementChild) { if (!container.firstElementChild) {
buildElement(); 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');
}
})(); })();