Beiträge von Endor

// ==UserScript==
// @name           userChrome.js
// @namespace      castelo@live.com
// @version        0.0.3
// @note           Thanks to ardiman(https://github.com/Endor8/userChrome.js/blob/master/floatingscrollbar/FloatingScrollbar.uc.js)
// @note           Thanks to Griever(https://github.com/Griever/userChromeJS/blob/master/SmartScrollbar.uc.js) and Paul Rouget(https://gist.github.com/4003205)
// @note...........0.0.3 Added specific z-index behavior for some sites
// @note           0.0.2 Increased width of scrollbar from 2px to 3px 
// @note           0.0.1 Initial version
// ==/UserScript==

(function () {
    var prefs = Services.prefs,
        enabled;
    if (prefs.prefHasUserValue('userChromeJS.floating_scrollbar.enabled')) {
        enabled = prefs.getBoolPref('userChromeJS.floating_scrollbar.enabled')
    } else {
        prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled', true);
        enabled = true;
    }

    var css = '\
//    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);\
    :not(select):not(hbox) > scrollbar {\
        appearance: none!important;\
        position: relative;\
        box-sizing: border-box!important;\
        background-color: transparent;\
        background-image: none;\
        z-index: 2147483647;\
        padding: 2px;\
        display: flex!important;\
        justify-content: flex-end;\
        pointer-events: auto;\
        width: auto!important;\
    }\
    :not(select):not(hbox) > scrollbar[orient = "vertical"] {\
        margin-inline-start: -8px;\
        width: 8px!important;\
        background-color: rgba(90, 90, 90, 0);\
        transition: -moz-margin-start 0.1s linear, width 0.1s linear, background-color 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar[orient = "vertical"] thumb {\
        border: 1px solid rgba(50, 50, 50, 0.65);\
        background-color: rgba(160, 160, 160, 0.65)!important;\
        transition: background-color 0.1s linear;\
        min-height: 16px;\
    }\
   :not(select):not(hbox) > scrollbar[orient = "horizontal"] {\
        margin-top: -8px;\
        height: 8px!important;\
        background-color: rgba(90, 90, 90, 0);\
        transition: -moz-margin-start 0.1s linear, width 0.1s linear, background-color 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar[orient = "horizontal"] thumb {\
        border: 1px solid rgba(50, 50, 50, 0.65);\
        background-color: rgba(160, 160, 160, 0.65)!important;\
        transition: background-color 0.1s linear;\
        min-width: 16px;\
    }\
    :not(select):not(hbox) > scrollbar thumb {\
        appearance: none!important;\
        border-radius: 0px!important;\
        background-color: rgba(160, 160, 160, 0.65)!important;\
        transition: background-color 0.1s linear;\
        pointer-events: auto;\
    }\
    :not(select):not(hbox) > scrollbar[orient = "vertical"]:hover {\
        background-color: rgba(90, 90, 90, 0.15);\
        padding: 0;\
        margin-inline-start: -16px;\
        width: 16px!important;\
        transition: -moz-margin-start 0.1s linear, width 0.1s linear, background-color 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar[orient = "horizontal"]:hover {\
        background-color: rgba(90, 90, 90, 0.15);\
        padding: 0;\
        margin-top: -16px;\
        height: 16px!important;\
        transition: -moz-margin-start 0.1s linear, height 0.1s linear, background-color 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar:hover thumb {\
        border: 1px solid rgba(50, 50, 50, 0.8);\
        background-color: rgba(160, 160, 160, 0.8)!important;\
        transition: background-color 0.1s linear, border 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar thumb:hover {\
        border: 1px solid rgba(50, 50, 50, 0.8);\
        background-color: rgba(128, 128, 128, 0.8)!important;\
        transition: background-color 0.1s linear, border 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar thumb:active {\
        border: 1px solid rgba(50, 50, 50, 0.8);\
        background-color: rgba(112, 112, 112, 0.8)!important;\
        transition: background-color 0.1s linear, border 0.1s linear;\
    }\
    :not(select):not(hbox) > scrollbar scrollbarbutton, :not(select):not(hbox) > scrollbar gripper {\
        display: none;\
    }\
    @-moz-document url-prefix("https://mail.google.com/"), url-prefix("https://docs.google.com/"), url-prefix("https://calendar.google.com/") {\
      :not(select):not(hbox) > scrollbar {\
        z-index: 1!important;\
      }\
    }';

    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));

//    var p = document.getElementById('devToolsSeparator');
//    var m = document.createXULElement('menuitem');
//    m.setAttribute('label', "Schwebende Scrollbar");
//    m.setAttribute('type', 'checkbox');
//    m.setAttribute('autocheck', 'false');
//    m.setAttribute('checked', enabled);
//    p.parentNode.insertBefore(m, p);
//    m.addEventListener('command', command, false);

    if (enabled) {
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    }

    function command() {
        if (sss.sheetRegistered(uri, sss.AGENT_SHEET)) {
            prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled', false);
            sss.unregisterSheet(uri, sss.AGENT_SHEET);
            m.setAttribute('checked', false);
        } else {
            prefs.setBoolPref('userChromeJS.floating_scrollbar.enabled', true);
            sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
            m.setAttribute('checked', true);
        }

        let root = document.documentElement;
        let display = root.style.display;
        root.style.display = 'none';
        window.getComputedStyle(root).display; // Flush
        root.style.display = display;
    }

})();