mirror of
https://github.com/gorhill/uBlock.git
synced 2024-09-04 18:19:38 +02:00
83 lines
3.2 KiB
JavaScript
83 lines
3.2 KiB
JavaScript
/*******************************************************************************
|
|
|
|
µBlock - a Chromium browser extension to block requests.
|
|
Copyright (C) 2015 The µBlock authors
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
|
|
|
Home: https://github.com/gorhill/uBlock
|
|
*/
|
|
(function() {
|
|
'use strict';
|
|
|
|
var whenSizeChanges = function(elm, callback) {
|
|
var reset = function() {
|
|
k.style.width = grow.offsetWidth + 10 + "px";
|
|
k.style.height = grow.offsetHeight + 10 + "px";
|
|
grow.scrollLeft = grow.scrollWidth;
|
|
grow.scrollTop = grow.scrollHeight;
|
|
shrink.scrollLeft = shrink.scrollWidth;
|
|
shrink.scrollTop = shrink.scrollHeight;
|
|
w = elm.offsetWidth;
|
|
h = elm.offsetHeight;
|
|
}
|
|
var aux = document.createElement("div");
|
|
aux.style.cssText = "position:absolute;left:0;top:0;right:0;bottom:0;overflow:scroll;z-index:-1;visibility:hidden";
|
|
aux.innerHTML = '<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:scroll;z-index:-1;visibility:hidden">\
|
|
<div style="position:absolute;left:0;top:0;"></div>\
|
|
</div>\
|
|
<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:scroll;z-index:-1;visibility:hidden">\
|
|
<div style="position:absolute;left:0;top:0;width:200%;height:200%"></div>\
|
|
</div>';
|
|
elm.appendChild(aux);
|
|
var grow = aux.childNodes[0],
|
|
k = grow.childNodes[0],
|
|
shrink = aux.childNodes[1];
|
|
var w, h;
|
|
reset();
|
|
grow.addEventListener("scroll", function() {
|
|
(elm.offsetWidth > w || elm.offsetHeight > h) && callback();
|
|
reset();
|
|
});
|
|
shrink.addEventListener("scroll", function() {
|
|
(elm.offsetWidth < w || elm.offsetHeight < h) && callback();
|
|
reset();
|
|
});
|
|
};
|
|
|
|
var onLoaded = function() {
|
|
var style = document.createElement("style");
|
|
style.textContent = "html,body,#panes{width:100%}#panes{white-space:nowrap;text-align:right}#panes > div:nth-of-type(2){display:inline-block !important}";
|
|
var _toggle = DOMTokenList.prototype.toggle;
|
|
DOMTokenList.prototype.toggle = function(cls, stt) {
|
|
_toggle.apply(this, arguments);
|
|
if(cls === "dfEnabled") {
|
|
isThere = stt;
|
|
setTimeout(updateSize, 0);
|
|
var _this = this, _args = arguments;
|
|
}
|
|
};
|
|
var body = document.body, popover = safari.self;
|
|
body.appendChild(style);
|
|
var isThere = !!document.querySelector(".dfEnabled");
|
|
var updateSize = function() {
|
|
popover.width = 152 + (isThere ? 320 : 0);
|
|
popover.height = body.clientHeight;
|
|
};
|
|
body.style.position = "relative"; // Necessary for size change detection
|
|
updateSize();
|
|
};
|
|
window.addEventListener("load", onLoaded);
|
|
})();
|