Beiträge von Mitleser

.sidebar-placesTreechildren::-moz-tree-twisty(open) {   
fill: red !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}
.sidebar-placesTreechildren::-moz-tree-twisty(closed) {   
fill:  green !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}
.sidebar-placesTreechildren::-moz-tree-twisty(open, hover) {   
fill: blue !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}
.sidebar-placesTreechildren::-moz-tree-twisty(closed, hover) {   
fill: yellow !important;
fill-opacity: 1.0 !important;
opacity: 1!important;
}

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16" xml:space="preserve">
<desc>Created with Fabric.js 5.2.4</desc>
<defs>
</defs>
<g transform="matrix(1 0 0 1 8 8)" id="f7ccb41e-0f1e-4a0a-b24a-cd5290fc41da"  >
<rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;" vector-effect="non-scaling-stroke"  x="-8" y="-8" rx="0" ry="0" width="16" height="16" />
</g>
<g transform="matrix(Infinity NaN NaN Infinity 0 0)" id="7ad56bc3-4418-4e4e-8c98-15f3df2e9cae"  >
</g>
<g transform="matrix(0.01 0 0 0.01 25.04 25.36)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-11.5, -8.5)" d="M 8 6 C 8 6 8 2 11.5 2 C 15 2 15 5 15 6 C 15 10.5 8 15 8 15 z" stroke-linecap="round" />
</g>
<g transform="matrix(0.23 0 0 0.2 9.63 9.86)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-5, -8.5)" d="M 8 6 C 8 6 8 2 4.5 2 C 1 2 1 5 1 6 C 1 10.5 8 15 8 15 L 9 9 z" stroke-linecap="round" />
</g>
<g transform="matrix(0.32 0 0 0.32 10.65 9.86)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-11.5, -8.5)" d="M 8 6 C 8 6 8 2 11.5 2 C 15 2 15 5 15 6 C 15 10.5 8 15 8 15 z" stroke-linecap="round" />
</g>
<g transform="matrix(0.32 0 0 0.32 8.19 8.62)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-5, -8.5)" d="M 8 6 C 8 6 8 2 4.5 2 C 1 2 1 5 1 6 C 1 10.5 8 15 8 15 L 9 9 z" stroke-linecap="round" />
</g>
<g transform="matrix(1 0 0 1 8 8)"  >
<g style="" vector-effect="non-scaling-stroke"   >
        <g transform="matrix(1 0 0 1 3.5 0)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,21,21); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-11.5, -8.5)" d="M 8 6 C 8 6 8 2 11.5 2 C 15 2 15 5 15 6 C 15 10.5 8 15 8 15 z" stroke-linecap="round" />
</g>
        <g transform="matrix(1 0 0 1 -3 0)"  >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,21,21); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke"  transform=" translate(-5, -8.5)" d="M 8 6 C 8 6 8 2 4.5 2 C 1 2 1 5 1 6 C 1 10.5 8 15 8 15 L 9 9 z" stroke-linecap="round" />
</g>
</g>
</g>
</svg>

tooltip[label*=" "] {
    appearance: none !important;
    background-color: #3f3f3f !important;
    color: #F9F9F9 !important;
    font-size: 12px !important;
    line-height: unset !important;
    border: 1px solid #b03b0099 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    padding: 3px 7px 5px 7px !important;
} 

tooltip[label] {
    appearance: none !important;
    background-color: #3f3f3f !important;
    color: #F9F9F9 !important;
    font-size: 12px !important;
    line-height: unset !important;
    border: 1px solid #b03b0099 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    padding: 3px 7px 5px 7px !important;
} 

/*1. Verhalten des Tooltips beim start*/
(function ttstart() {
// start config area--------------------------------------------

  let IconPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image')); // Pfad zum Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.

// end config area----------------------------------------------
g1_tooltip_b = "0";
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
tooltip[label*=" "],
tooltip,
#tabbrowser-tab-tooltip {
    appearance: none !important;
    background-color: #3f3f3f !important;
    color: #F9F9F9 !important;
    font-size: 12px !important;
    line-height: unset !important;
    border: 1px solid #b03b0099 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    padding: 3px 7px 5px 7px !important;
    display: none !important;
}
.places-tooltip {
    display: flex !important;
}
#remoteBrowserTooltip{
    display: none !important;
}
#toggle-tt-button .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #cc5200 !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:hover .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #dddddd !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:active .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: gold !important;
    transition: fill 0.0s ease-in-out 0.0s !important;
} 
    `), null, null);

sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
})();

/*2. Einschalten des Tooltips per Button*/
function tton() {
// start config area--------------------------------------------

  let IconPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image')); // Pfad zum Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.

// end config area----------------------------------------------
g1_tooltip_b = "1";
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
tooltip[label*=" "],
tooltip,
#tabbrowser-tab-tooltip {
    display: flex !important;
}
.places-tooltip {
    display: flex !important;
}
#remoteBrowserTooltip{
    display: none !important;
}
#toggle-tt-button .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: gold !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:hover .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: #dddddd !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:active .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #cc5200 !important;
    transition: fill 0.0s ease-in-out 0.0s !important;
}
    `), null, null);

sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
}

/*2a. Einschalten aller Tooltips per Button*/
function ttallon() {
// start config area--------------------------------------------

  let IconPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image')); // Pfad zum Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.

// end config area----------------------------------------------
g1_tooltip_b = "2";
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
tooltip[label*=" "],
tooltip,
#tabbrowser-tab-tooltip {
    display: flex !important;
}
.places-tooltip {
    display: flex !important;
}
#remoteBrowserTooltip{
    display: flex !important;
    padding: 4px 7px 4px 7px !important;

}
#toggle-tt-button .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: #72a572 !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:hover .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: #dddddd !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:active .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #cd0e14 !important;
    transition: fill 0.0s ease-in-out 0.0s !important;
}
    `), null, null);

sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
}

/*3. Ausschalten des Tooltips per Button*/
function ttoff() {
// start config area--------------------------------------------

  let IconPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image')); // Pfad zum Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.

// end config area----------------------------------------------
g1_tooltip_b = "0";
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
tooltip[label*=" "],
tooltip,
#tabbrowser-tab-tooltip {
    display: none !important;
}
.places-tooltip {
    display: flex !important;
}
#remoteBrowserTooltip{
    display: none !important;
}
#toggle-tt-button .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #cc5200 !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:hover .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #dddddd !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:active .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: gold !important;
    transition: fill 0.0s ease-in-out 0.0s !important;
}
    `), null, null);

sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
}

/*3a. Ausschalten aller Tooltips per Button*/
function ttalloff() {
// start config area--------------------------------------------

  let IconPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image')); // Pfad zum Ordner der das .svg-Symbol (mit: fill="context-fill" fill-opacity="context-fill-opacity") beinhaltet.

// end config area----------------------------------------------
g1_tooltip_b = "3";
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
tooltip[label*=" "],
tooltip,
#tabbrowser-tab-tooltip {
    display: none !important;
}
.places-tooltip {
    display: none !important;
}
#remoteBrowserTooltip{
    display: none !important;
}
#toggle-tt-button .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #cd0e14 !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:hover .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-empty_contprop.svg") !important;
    fill: #dddddd !important;
    transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-tt-button:active .toolbarbutton-icon {
    list-style-image: url("${IconPath}/16_tooltip-text_contprop.svg") !important;
    fill: #72a572 !important;
    transition: fill 0.0s ease-in-out 0.0s !important;
}
    `), null, null);

sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
}

/*4. Button Tooltip on/off*/
(function() {
/*Icon + Iconpfad wird durch 1.-3. geregelt (sollte der Pfad oder die Icons dort entfernt werden, muss das hier wieder aktiviert werden); Nachteil: nur ein Icon, keine transition; kein fill*/
/*
// start config area

let ButtonIcon = "16_tooltip-text_contprop.svg" // Name & Dateiendung des anzuzeigenden Symbols.
let ButtonIconPath = "/chrome/css/image/" // Pfad zum Ordner der das Symbol beinhaltet.

// end config area
*/

    if (location.href !== 'chrome://browser/content/browser.xhtml') return;
       try {
          CustomizableUI.createWidget({
             id: 'toggle-tt-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {         
                let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'toggle-tt-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: 'true',
                   label: 'Toggle Tooltip',
                   accesskey: '',
                   tooltiptext: 'Tooltip on/off\n\nLinksklick: Tt-in-Content auch \'on\' ausgeblendet,\nTt-Bookmarks auch \'off\' sichtbar\nMittelklick: ALLE Tt\'s \'on/off\' sichtbar/ausgeblendet',
/*                   style: "list-style-image: url('" + PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)) + ButtonIconPath + ButtonIcon + "');",*/
/*Icon+Pfad wird durch 1.-3. geregelt (sollte der Pfad oder die Icons dort entfernt werden, muss das hier wieder aktiviert werden)*/
               };                  
           for(var p in props)
           toolbaritem.setAttribute(p, props[p]);
           return toolbaritem;                
           }
        });
    } catch(e) { };

document.getElementById('toggle-tt-button').addEventListener( "click", onClick );

    function onClick(aEvent) {

if (event.button == 0) {
            if(g1_tooltip_b == '')  {
               g1_tooltip_b = '1';
            tton();
            }
    else if(g1_tooltip_b == '0') {
               g1_tooltip_b = '1';
            tton();
            }
    else if(g1_tooltip_b == '1') {
               g1_tooltip_b = '0';
            ttoff();
            }/**/
    else if(g1_tooltip_b == '3') {
               g1_tooltip_b = '0';
            ttoff();
            }
    else if(g1_tooltip_b == '2') {
               g1_tooltip_b = '1';
            ttoon();
            }
}
else
if (event.button == 1) {
         if(g1_tooltip_b == '')  {
               g1_tooltip_b = '2';
            tton();
            }            
    else if(g1_tooltip_b == '2')  {
               g1_tooltip_b = '3';
            ttalloff();
            }
    else if(g1_tooltip_b == '3') {
               g1_tooltip_b = '2';
            ttallon();
            }/**/
    else if(g1_tooltip_b == '1') {
               g1_tooltip_b = '2';
            ttallon();
            }
    else if(g1_tooltip_b == '0') {
               g1_tooltip_b = '3';
            ttalloff();
            }
}
else
if (event.button == 2) {
event.button.stopPropagation();
alert("Rechtsklick wird nicht unterstützt");
}
else {
alert("ERROR: B_Tooltip_toggle.uc.js");
    };
  }
})();