Beiträge von Mitleser

Mitleser

Die Icons habe ich quasi im Vorbeigehen eingesammelt.

Aber eine umfangreiche freie Quelle für .svg's ist:

Material Design Icons - Icon Library - Pictogrammers

The original. Following Google's Material Design guidelines for system icons, MDI is our largest library, touting over 7200 unique icons!

pictogrammers.com

(nicht von 'Material Design Icons' täuschen lassen...)

Mitleser

Ja. Und tooltip[label] sollte die richtige Syntax sein. Funktioniert hier bloß nicht. Hier ein Screenshot mit einem Text ohne Leerzeichen:

Das geht:

CSS

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;
}

Alles anzeigen

Das nicht:

CSS

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;
}

Alles anzeigen

Finde den Fehler.

Mitleser

Scheint irgendwie Betriebssystemabhängig zu sein. Bin auf LIN. Bei tooltip[label] wird nichts angesprochen, es muss schon tooltip[label*=" "] sein. tooltip habe ich schlicht vergessen.

Dieses Prob kann ich hier nicht nachvollziehen:

Zitat von Horstmann

Das Überhangsmenü und Erweiterungsmenü scheint beim ersten Öffnen aber immer noch etwas Probleme zu machen, schliessen sich bei Hover.

Das kann ich hier nicht feststellen. Egal wie ich das css in js einbette ('Methode Endor' oder wie ich es gemacht habe ). Das macht hier keinen Unterschied und bereitet keine Probleme.

Mitleser

^{Hier die Icons, einfach umbenennen (wenn nötig)...auf .svg}

16_tooltip-empty_contprop.txt 16_tooltip-text_contprop.txt

Mitleser

Hier mal meine Lösung (mit Links/Mittel-Klick-Button):

JavaScript

/*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");
    };
  }
})();

Alles anzeigen

Mitleser

@Horstmann

Ich habe mich erneut mit dem Thema beschäftigt und bin zu folgendem Ergebnis gekommen:

JavaScript

(function () {
    let css = `
tooltip[label*=" "],
#tabbrowser-tab-tooltip,
.places-tooltip {
    display: none !important;
}
#remoteBrowserTooltip{
    display: flex !important;
}
    `;
    let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
})();

Alles anzeigen

Mitleser

M_M

hast du das Vorgeschlagene mal probiert?

funktioniert der Ratschlag von 2002Andreas nicht?

hat das einen Einfluss auf den "rechten Tabs"-Eintrag?

Eine einfache Lösung unter WIN7 wäre es in die Eingabeaufforderung einfach nur: format c:/s einzugeben. Damit wären deine Probleme endgültig gelöst.

Mitleser

Spoiler anzeigen

Mira_Belle

Diese Variante müsste auch funktionieren - konnte ich leider nicht ausprobieren bei diesem Button (bin auf Linux, müsste ich erst einmal viel anpassen!)?

JavaScript

// start configuration----------------------------------

let buttonIcon = "bookmark-hollow.svg"  // Name.file extension of the symbol to be displayed
let buttonPath = "/chrome/icons/" // Path to folder containing the icon

// end configuration-----------------------------------

let props = {
    style: "list-style-image: url('" + PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)) + buttonPath + buttonIcon + "');",
            };

Mitleser

Da will ich bestimmt nicht stören, wo du doch gerade "diese Tage" hast.

Nee! Ist gut jetzt! Reicht! Ende.

Mitleser

Alles mit Stil - "Bipolar"

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Mitleser

@.DeJaVu

Verstehe ich nicht, ist mir zu hoch, geht das auch mit einfachen Erklärungen? Sozusagen für Blöde? Also ganz einfach?

Mitleser

Dankeschön!

Toller tipp, fundierte Reportage! Sehr gut!

Mitleser

Sinéad O’Connor (✝56)

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Mitleser

Horstmann

Dankeschön! Auf die Idee das mit css zu lösen, wäre ich nie gekommen!

Habe ich mal für 'mein' Script angepasst. ~~Für > 1-stellige Ordneranzahl muss ich später noch nachbessern.~~ Habe nachgebessert für Anzahl Ordner, Anzahl Lesezeichen. Sind jetzt jeweils 2-stellig.

JavaScript

(function() {

    if (!window.gBrowser)
        return;
    
    setTimeout(function() {
        setFunction();
    },50);

    function setFunction() {

        const css =`
            .countClass::after {
                content: attr(data-value); 
                color: lightgray;
                padding-right: 3px;
            }
        `;
        const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');
        
        if(bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing ); 
    }

    function onPopupShowing(aEvent) {
        
        let popup = aEvent.originalTarget;

        for (let item of popup.children) {
            if (item.localName != 'menu' || item.id?.startsWith('history'))
                continue;
            setTimeout(() => {
              let itemPopup = item.menupopup;
              itemPopup.hidden = true;
              itemPopup.collapsed = true;
              itemPopup.openPopup();
              itemPopup.hidePopup();
              let menuitemCount = 0;
              let menuCount = 0;
              for (let subitem of itemPopup.children) {
                if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
                  if (subitem.localName == 'menuitem') {
                    menuitemCount++;
                  } else if (subitem.localName == 'menu') {
                    menuCount++;
                  }
                }
              }
              itemPopup.hidden = false;
              itemPopup.collapsed = false;
           
              let label = item.childNodes[3]; //[1]Anzeige links
              label.classList.add('countClass');

              let menuTrenn = '\xa0\xa0\xa0';
              if (menuCount == 0) {menuTrenn = '\xa0\xa0';};
              if (menuCount == 0) {menuCount ='\xa0';};
              if (menuitemCount == 0) {menuitemCount ='\xa0';};

  let buttonIcon = "12SWfolder-10.svg";
  let IconPath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'css', 'image', 'lesezeichenicons_ohne'));
        const css =`
            .countClass::after {
                background-image: url("${IconPath}/${buttonIcon}") !important;
                fill: lightgray !important;
                background-repeat: no-repeat !important;
                background-size: 12px 12px !important;
                background-position: right 22px center !important;
            }
            .countClass[data-value^="\xa0"]::after {
                background-image: none !important;
            }
        `;
        const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

              let strCountOut = String(menuCount).padStart(2,'') + menuTrenn + String(menuitemCount).padStart(2,'\xa0');
              label.setAttribute('data-value', strCountOut);
            }, 100);
        }
    }
})();

Alles anzeigen

Mitleser

Ich habe deinen Vorschlag verworfen, so wichtig ist das nicht.

Komme gut mit meiner bisherigen Lsg. zurecht.

Dachte bloß: Bei soviel "action" in Bezug zu diesem Script könntet ihr was machen.

Aber leider ist dem nicht so!

GN8

Mitleser

Bingo!

So hätte ich das gerne, aber mit einer .svg-Datei.

Schaffe ich aber nicht...

Macht ihr doch mit "Links" oder??

Mitleser

Mira_Belle

Horstmann

Ich hätte einen Wunsch, bekomme es aber einfach nicht hin:

Könnte man hier statt einem 'emoticon' ein eigenes Icon einbauen?

Das eben nur bei diesen vorgegebenen Bedingungen erscheint?

Das funkt wohl nicht mit 'Strings'?

JavaScript

(function() {

    if (!window.gBrowser)
        return;
    
    setTimeout(function() {
        setFunction();
    },50);

    function setFunction() {

        const css =`
            .countClass::after {
                content: attr(data-value); 
                color: lightgray;
                padding-right: 3px;
            }
        `;

        const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');
        
        if(bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing ); 
    }
    
    function onPopupShowing(aEvent) {
        
        let popup = aEvent.originalTarget;

        for (let item of popup.children) {
            if (item.localName != 'menu' || item.id?.startsWith('history'))
                continue;
            setTimeout(() => {
              let itemPopup = item.menupopup;
              itemPopup.hidden = true;
              itemPopup.collapsed = true;
              itemPopup.openPopup();
              itemPopup.hidePopup();
              let menuitemCount = 0;
              let menuCount = 0;
              for (let subitem of itemPopup.children) {
                if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
                  if (subitem.localName == 'menuitem') {
                    menuitemCount++;
                  } else if (subitem.localName == 'menu') {
                    menuCount++;
                  }
                }
              }
              itemPopup.hidden = false;
              itemPopup.collapsed = false;
              let label = item.childNodes[3]; 
  
              label.classList.add('countClass');

              let menuTrenn = ' ';
              if (menuCount > 0) {menuTrenn = ' 🗁 ';}
         else if(menuCount == 0) {menuTrenn = ' ';};
              if (menuCount == 0) {menuCount ='\xa0';};
              if (menuitemCount == 0) {menuitemCount ='\xa0';};

              let strCountOut = menuCount + menuTrenn + String(menuitemCount).padStart(2,'\xa0');
              label.setAttribute('data-value', strCountOut);
            }, 100);
        }
    }
})();

Alles anzeigen

Mitleser

Ja, das ist der .places-tooltip

der Bookmarks. Da weiß ich dann auch nicht weiter, war als Ansatz für eine Bastelei gedacht..

Mitleser

Sollte so funktionieren, bei den Buttons braucht es allerdings eine kleine "Anlaufzeit":

JavaScript

(function () {
    let css = `
tooltip[label*=" "],
#tabbrowser-tab-tooltip,
.places-tooltip {
    display: none !important;
}
    `;
    let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
})();

Alles anzeigen

Mitleser

Eingebettet in .js benutze ich dies, damit ist aber nicht die gesamte Browser-Oberfläche abgedeckt:

JavaScript

tooltip[label*=" "], //Buttons
#tabbrowser-tab-tooltip, //Tab
.places-tooltip // Bookmarks

Beiträge von Mitleser

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?

Tab-Menü rechte Maustaste "linke Tabs schließen" ausblenden

Button um weiteres Profil zu öffnen

Frage zum Firefox Nightly Updates

Was hört Ihr gerade?

Frage zum Firefox Nightly Updates

Was schaut ihr gerade?

In memoriam

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?

Tooltips nur für die Bedienoberfläche ausschalten?