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

more reliable centering of the popup in FF

Browse Source
This commit is contained in:
tophf 2017-12-19 07:05:07 +03:00
parent a8f292815a
commit 3178ee9f10
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
popup/search-results.js
View File

@ -117,17 +117,15 @@ window.addEventListener('showStyles:done', function _() {
addEventListener('scroll', loadMoreIfNeeded, {passive: true}); addEventListener('scroll', loadMoreIfNeeded, {passive: true});
if (FIREFOX) { if (FIREFOX) {
let lastScrollbarWidth; let lastShift;
addEventListener('resize', () => { addEventListener('resize', () => {
const scrollbarWidth = window.innerWidth - document.scrollingElement.clientWidth; const scrollbarWidth = window.innerWidth - document.scrollingElement.clientWidth;
if (lastScrollbarWidth !== scrollbarWidth) { const shift = document.body.getBoundingClientRect().left;
lastScrollbarWidth = scrollbarWidth; if (!scrollbarWidth || shift === lastShift) return;
dom.marginLeft = dom.marginLeft || parseFloat(getComputedStyle(dom.container).marginLeft); lastShift = shift;
const shift = dom.container.getBoundingClientRect().left - dom.marginLeft;
document.body.style.setProperty('padding', document.body.style.setProperty('padding',
`0 ${scrollbarWidth - shift}px 0 ${shift}px`, 'important'); `0 ${scrollbarWidth + shift}px 0 ${-shift}px`, 'important');
} }, {passive: true});
});
} }
addEventListener('styleDeleted', ({detail: {id}}) => { addEventListener('styleDeleted', ({detail: {id}}) => {