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

Boersenfeger

OK, ihr versteht mich nicht, ist auch nicht so tragisch.

Horstmann Das ist mir schon klar, dass es nichts mit dem Thread-Thema zu tun hat. Das hatte ich aber klar mit einem BTW: im #621 kenntlich gemacht.

Mira_Belle

Boersenfeger Genau so, wie von Dir verwendet, konnte ich es hier im Board nicht finden.

Horstmann

Zitat von FuchsFan

Zitat von Horstmann

So kann man sie ändern, copy/paste, ganz einfach.

Ich danke dir, jetzt habe auch ich verstanden, dass es nur damit möglich ist.

Nicht unbedingt, da gab's auch schon sowas in der Art:

JavaScript

(function() {

    if (!window.gBrowser)
        return;

    setTimeout(function() {
        setFunction();
    },50);

    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));

    function setFunction() {

        const css =`

       .countClass {
            /*
            --bm_icon_image_1: url("${ProfilePath}/YourFolderIcon.svg");
            --bm_icon_image_2: url("${ProfilePath}/YourLinkIcon.svg");
            */
            
            --bm_icon_image_1: url("chrome://global/skin/icons/folder.svg");
            --bm_icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");
          }

       .countClass::after {
            content: attr(data-value);
            display: flex;
            align-items: center;
		    font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
		    font-size: 12px !important;
		    font-weight: 1000 !important;

            -webkit-text-fill-color: blue !important;
            fill: red !important;

            background-image: var(--bm_icon_image_1), var(--bm_icon_image_2);
            background-position: right 4.33em center, right 0 center;
            background-repeat: no-repeat;
            background-size: 16px;

            margin-inline: auto 0 !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 bmbMenu = document.getElementById('bookmarks-menu-button');
		let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');

		if(bmbMenu) {
			let bmbMenuPopup = document.getElementById('BMB_bookmarksPopup');
			if(bmbMenuPopup) {
				bmbMenuPopup.openPopup();
				bmbMenuPopup.hidePopup();
				bmbMenuPopup.setAttribute("hasbeenopened","true");
			}
            bmbMenu.addEventListener('popupshowing', onPopupShowing );
		}
        if(bookMenu) {
			let bookMenuPopup = document.getElementById('bookmarksMenuPopup');
			if(bookMenuPopup) {
				bookMenuPopup.openPopup();
				bookMenuPopup.hidePopup();
				bookMenuPopup.setAttribute("hasbeenopened","true");
			}
            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[1]; //label.menu-iconic-text
              label.classList.add('countClass');

        let strCountOut = String(menuCount).padEnd(2, '\xa0') + "\xa0" + "\xa0" + "\xa0" + "\xa0" + String(menuitemCount).padEnd(3, '\xa0') + "\xa0" + "\xa0" + "\xa0";

			  label.setAttribute('data-value', strCountOut);

            }, 100);
        }
    }

})();

Alles anzeigen

mkpcxxl

Danke Horstmann , benutze jetzt das Script aus #628. Funktioniert gut und sieht in meinen Augen mit den SVG Dateien besser aus.

Das einzige, wenn ich padEnd in padStart ändere (wie von Mira_Belle in #620 beschrieben) ändert sich nichts.

Ich hätte die Symbole doch gerne vor den Zahlen. Die Frage ist wie ?

Horstmann

Zitat von mkpcxxl

Das einzige, wenn ich padEnd in padStart ändere (wie von Mira_Belle in #620 beschrieben) ändert sich nichts.
Ich hätte die Symbole doch gerne vor den Zahlen. Die Frage ist wie ?

padEnd ist nur für die Ausrichtung der Zahlen, links- oder rechtsbündig.

Hier noch ein Code mit den Icons links, umgekehrt ist mit dabei, nur auskommentiert.

Feinabstimmung mit background-position, und den Leerzeichen "\xa0" ausserhalb von String(menuCount).padEnd(2, '\xa0') bzw. String(menuitemCount).padStart(3, '\xa0').

Edit: etwas aufgehübscht:

JavaScript

//bookmark_count_basic.uc.js
//Mitte Juli 2025
//Zeigt Anzahl der Lesezeichenordner und Links an in Lesezeichenpopups, Basisversion mit eigenen Icons
//basiert auf Script von BrokenHeart =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1274984#post1274984
//Release =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1275152#post1275152

(function() {

    if (!window.gBrowser)
        return;

    setTimeout(function() {
        setFunction();
    },50);

    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));

    function setFunction() {

        const css =`

       .countClass {
            /* Eigene Icons in chrome/icons Ordner benutzen */
            /*
            --bm_icon_image_1: url("${ProfilePath}/YourFolderIcon.svg");
            --bm_icon_image_2: url("${ProfilePath}/YourLinkIcon.svg");
            */
            /* Firefox Icons benutzen */
            --bm_icon_image_1: url("chrome://global/skin/icons/folder.svg");
            --bm_icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");

            --bm_icon_size: 16px;
            justify-content: space-between;
            }

       .countClass::after {
            content: attr(data-value);
            display: flex;
            align-items: center;
            max-height: var(--bm_icon_size);
            padding-block: 2px 0;              /* Text vertikal ausrichten, optional */
            /*margin-right: -12px;*/            /* Abstand rechts zu Pfeil > , optional */

            font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
            font-size: 12px !important;
            font-weight: 1000 !important;

            -webkit-text-fill-color: blue !important;
            fill: red !important;

            background-image: var(--bm_icon_image_1), var(--bm_icon_image_2);
            background-repeat: no-repeat;
            background-size: var(--bm_icon_size);

            /* Fuer Zahl links, s. JS Code ganz unten */
            /*
            background-position: right 4.33em center, right 0 center;
            padding-left: 8px;
            */

            /* Fuer Zahl rechts */
            background-position: right 5.833em center, right 2.166em center;
            padding-left: 30px;
            }
		`;
        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) {
			let bmbMenuPopup = document.getElementById('BMB_bookmarksPopup');
			if(bmbMenuPopup) {
				bmbMenuPopup.openPopup();
				bmbMenuPopup.hidePopup();
				bmbMenuPopup.setAttribute("hasbeenopened","true");
			  }
            bmbMenu.addEventListener('popupshowing', onPopupShowing );
		  }
		if(bookMenu) {
			let bookMenuPopup = document.getElementById('bookmarksMenuPopup');
			if(bookMenuPopup) {
				bookMenuPopup.openPopup();
				bookMenuPopup.hidePopup();
				bookMenuPopup.setAttribute("hasbeenopened","true");
			  }
            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 bm_label = item.childNodes[1]; //label.menu-iconic-text
              bm_label.classList.add('countClass');

        // Zahl links
        //let strCountOut = String(menuCount).padEnd(2, '\xa0') + "\xa0\xa0\xa0\xa0" + String(menuitemCount).padEnd(3, '\xa0') + "\xa0\xa0\xa0";

        // Zahl rechts
        let strCountOut = String(menuCount).padStart(2, '\xa0') + "\xa0\xa0\xa0\xa0" + String(menuitemCount).padStart(3, '\xa0');

			  bm_label.setAttribute('data-value', strCountOut);

            }, 100);
        }
    }

})();

Alles anzeigen

mkpcxxl

Horstmann : Traumhaft, danke dafür, jetzt ist es so wie ich es möchte. Super.

Gruß und schönes WE.

Michael (mkpcxxl)

Horstmann

Zitat von mkpcxxl

so wie ich es möchte.
Gruß und schönes WE.

Prima!
Ebenfalls schönes WE.

Mira_Belle

Waren meine Erklärungen nicht gut?

Horstmann

Zitat von Mira_Belle

Waren meine Erklärungen nicht gut?

Doch, die waren prima.
Denke nur dass die meisten User fertigen Code brauchen, mit wenn dann einfachen optionalen Anpassungen.
Mit ein Hauptgrund weshalb wir bei den Versionen von dir, Mitleser und mir gelandet sind.

mkpcxxl

Zitat von Mira_Belle

Waren meine Erklärungen nicht gut?

Doch doch, alles gut.

Horstmann

Zitat von BrokenHeart

Hier der Block, der sich geändert hat. Geht im Test-Skript von Zeile 30 bis Zeile 50. Alles andere braucht nicht angepasst werden:

JavaScript

        if(bmbMenu) {
			let bmbMenuPopup = document.getElementById('BMB_bookmarksPopup'); 
			if(bmbMenuPopup) {
				bmbMenuPopup.openPopup();
				bmbMenuPopup.hidePopup();
				bmbMenuPopup.setAttribute("hasbeenopened","true");
			}
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
		}
        if(bookMenu) {
			let bookMenuPopup = document.getElementById('bookmarksMenuPopup');
			if(bookMenuPopup) {
				bookMenuPopup.openPopup();
				bookMenuPopup.hidePopup();
				bookMenuPopup.setAttribute("hasbeenopened","true");
			}
            bookMenu.addEventListener('popupshowing', onPopupShowing );
		}
        if(persToolBar) {
            persToolBar.addEventListener('popupshowing', onPopupShowing ); 
		}

Alles anzeigen

Leider ein kleines Problem, in diversen Scriptvarianten.

Im ersten Popup vom Lesezeichen Menu Button werden die Zähler zu weit nach rechts gerückt zum Pfeil > hin mit diesem Code, nicht aber mit den älteren Versionen.
Das bei rechtsbündigen Zählern, via zB margin-inline: auto 0;.

Wenn ich Zeilen 4+5 auskommentiere, ist das Problem behoben, weiss aber nicht ob das für die Funktion der Menüleiste gebraucht wird.

Anhang #1 Lesezeichenleiste Popup, #2 Lesezeichen Menu Popup alter Code, #3 Lesezeichen Menu Popup neuer Code.

Mira_Belle

Horstmann Ich habe das Problem nicht mit dieser Anpassung.

Wenn Du schauen magst:

JavaScript

// BookmarkCount.uc.js

/* ******************************************************************************************************************* */
/* Author BrokenHeart               => https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536 **** */
/* Correction from BrokenHeart      => https://www.camp-firefox.de/forum/thema/136572/?postID=1229696#post1229696 **** */
/* Extension from Sören Henschel    => https://www.camp-firefox.de/forum/thema/136572/?postID=1229555#post1229555 **** */
/* Customized by Mira inspired by grisu2099     ********************************************************************** */
/* Source                           => https://www.camp-firefox.de/forum/thema/136572/?postID=1229875#post1229883 **** */
/* Customized by Mira inspired by Horstmann     ********************************************************************** */
/* Source                           => https://www.camp-firefox.de/forum/thema/136572/?postID=1229993#post1229993 **** */
/* Adjustments for 139 and customized by Mira inspired by Horstmann     ********************************************** */
/* Source                           => https://www.camp-firefox.de/forum/thema/136572/?postID=1270254#post1270254 **** */
/* Bugfixes for 'popupshowing' to 'popupshown'inspired by BrokenHeart & Horstmann ************************************ */
/* Source                           => https://www.camp-firefox.de/forum/thema/136572/?postID=1274881#post1274881 **** *
/* ******************************************************************************************************************* */
/* Version 1.04a                    => https://www.camp-firefox.de/forum/thema/136572/?postID=1274881#post1274881 **** */
/* ******************************************************************************************************************* */
/* Custom Counter in the Bookmarks for folders and links ************************************************************* */
/* ******************************************************************************************************************* */

(function() {

  if (!window.gBrowser)
      return;

  setTimeout(function() {
    setFunction();
  },10);

  let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));

  // ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    //Custom icons in profile/chrome/icons folder
  let icon1 = "folder-fat.svg";                     //  Custom  Folder Icon
  let icon2 = "bookmark-hollow.svg";                //  Custom  Link Icon              
  let icon3 = "arrow-right.svg";                    //  Custom  Arrow Icon

  // Custom settings
  let bm_font_size = 12; 
  let cs_font_weight = 700;
  let bm_icon_size = 16;

  // NEU: Schriftfarben getrennt definieren
  //let cs_font_color_1 = "#FFA500";                 // Farbe für Folder-Zähler (links)
  //let cs_font_color_2 = "#00FFFF";                 // Farbe für Link-Zähler (rechts)
  let cs_font_color_1 = "#FFD700";                 // Farbe für Folder-Zähler (links)
  let cs_font_color_2 = "#FFD700";                 // Farbe für Link-Zähler (rechts)

  // NEU: Symbolfarben getrennt definieren 
  //let cs_icon_color_1 = "#5fe575";                 // Farbe für "Ordner", 1.Symbol
  //let cs_icon_color_2 = "#fbf328";                 // Farbe für "Link", 2.Symbol
  //let cs_icon_color_3 = "#bbf700";                 // Farbe für den Pfeil
  let cs_icon_color_1 = "#C0C0C0";                 // Farbe für "Ordner", 1.Symbol
  let cs_icon_color_2 = "#C0C0C0";                 // Farbe für "Link", 2.Symbol
  let cs_icon_color_3 = "#C0C0C0";                 // Farbe für den Pfeil


  // Calculated settings
  let cs_font_size = `${bm_font_size}px`;
  let cs_icon_size = `${bm_icon_size}px`;
  let cs_width_one = `calc(${bm_icon_size}px + 1.4em)`;
  let cs_width_uno = `calc(${bm_icon_size}px)`;
  let cs_width_two = `calc(${bm_icon_size}px + 1.4em)`;
  let cs_width_due = `calc(${bm_icon_size}px)`;

  //let useStyle1 = true; // <- HIER Weiche setzen: true = Variante 1, false = Variante 2
  let useStyle = 1; // <- HIER Weiche setzen:  0 = Symbole hinter den Zählern, 1 = Symbole vor den Zählern
  // ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

  // Symbole vor den Zählern
  let css_one = `

    /* Counter #1 Folder */
    #bmContent::before {
      content: attr(data-value1) !important;
      width: ${cs_width_one} !important;
      align-items: center !important;
      display: flex !important;
      justify-content: end !important;
      /*margin-inline: 16px 4px;         */               /* min. Abstand links für enge Popups, rechts zum 2ten Counter */

      margin-left: 16px !important;                       /* Abstand links minimum für schmale Popus  CHANGE  */
      margin-right: -1px !important;                      /* Abstand Icon "Ordner" bis zum "Zähler" */ 

      background-image: url("${ProfilePath}/${icon1}")!important;
      background-position: center right calc(${cs_width_one} - ${cs_icon_size}) !important;
      background-repeat: no-repeat !important;
      background-size: ${cs_icon_size} ${cs_icon_size} !important;     
      color: ${cs_font_color_1} !important;               /* Farbe der 1. Zahl */
      fill: ${cs_icon_color_1} !important;                /* Farbe des 1. Symbols */
    }

    /* Counter #2 Links */
    #bmContent::after {
      content: attr(data-value2) !important;
      width: ${cs_width_two} !important;
      align-items: center !important;
      display: flex !important;
      justify-content: end !important;
      /*margin-inline: -2px;*/

      margin-left: 4px !important;                          /* Abstand "Zähler 1" zum Icon2 */
      margin-right: -1px !important;                        /* Abstand Icon "Links" bis zum "Zähler" */


      background-image: url("${ProfilePath}/${icon2}") !important;
      background-position: center right calc(${cs_width_two} - ${cs_icon_size}) !important;
      background-repeat: no-repeat !important;
      background-size: ${cs_icon_size} ${cs_icon_size} !important;            
      color: ${cs_font_color_2} !important;                 /* Farbe der 2. Zahl */
      fill: ${cs_icon_color_2} !important;                  /* Farbe des 2. Symbols */
    }
  `;

  // Symbole hinter den Zählern
  let css_two = `

    /* Counter #1 Folder */
    #bmContent::before {
      content: attr(data-value1) !important;
      width: ${cs_width_one} !important;
      align-items: center !important;
      display: flex !important;
      justify-content: end !important;
      background-image: url("${ProfilePath}/${icon1}")!important;
      background-position: center right calc(${cs_width_uno} - ${cs_icon_size}) !important;
      background-repeat: no-repeat !important;
      background-size: ${cs_icon_size} ${cs_icon_size} !important;     
      color: ${cs_font_color_1} !important;                 /* Farbe der 1. Zahl */
      fill: ${cs_icon_color_1} !important;                  /* Farbe des 1. Symbols */
      padding: 2px 20px 0px 10px !important;                /* top | right | bottom | left */
      /*margin-inline: 0px -10px; */

      margin-left: 16px !important;                         /* Abstand links minimum für schmale Popus  CHANGE  */
      margin-right: 12px !important;                        /* Abstand Icon "Ordner" bis zum "Zähler" */ 

    }

  	#bmContent::after {
			content: attr(data-value2) !important;
      width: ${cs_width_two} !important;
      align-items: center !important;
      display: flex !important;
      justify-content: end !important;
      /*justify-content: flex-end; */
      background-image: url("${ProfilePath}/${icon2}")!important;
      background-position: center right calc(${cs_width_due} - ${cs_icon_size}) !important;
      background-repeat: no-repeat !important;
      background-size: ${cs_icon_size} ${cs_icon_size} !important;            
      color: ${cs_font_color_2} !important;                 /* Farbe der 2. Zahl */
      fill: ${cs_icon_color_2} !important;                  /* Farbe des 2. Symbols */
			padding: 2px 22px 0 0 !important;                     /* top | right | bottom | left */

      margin-left: -14px !important;                        /* Abstand "Zähler 1" zum Icon2 */
      margin-right: -1px !important;                        /* Abstand Icon "Links" bis zum "Zähler" */

		}
  `;

  function setFunction() {

    const css =`

      /* Counter rechtsbuendig */
      #bmContent {
        display: flex !important;
        margin-inline: auto 0 !important;
        font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
        font-size: ${cs_font_size} !important;
        font-weight: ${cs_font_weight} !important;
        height: ${cs_icon_size} !important;
      }

      /* Dynamisch gewählter before-Block */
      ${useStyle ? css_one : css_two}

      /* Pfeil */
      menupopup > menu::after {
        content: "" !important;
        background-image: url("${ProfilePath}/${icon3}")!important;
        height: ${cs_icon_size} !important;
        height: ${cs_icon_size} !important;
        fill: ${cs_icon_color_3} !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 bmbMenu = document.getElementById('bookmarks-menu-button');   //--- LesezeichenmenüButton
    let bookMenu = document.getElementById('bookmarksMenu');   //--- Lesezeichenmenü
    let persToolBar = document.getElementById('PersonalToolbar');   //--- Lesezeichenleiste
  //  let bmbMenuPop = document.getElementById('BMB_bookmarksPopup');   //--- extra für Mac erforderlich
/*
    if(bmbMenu) {
      bmbMenu.addEventListener('popupshown', onPopupShowing );  //--- 'popupshowing' -> 'popupshown'
      }
  //  if(bmbMenuPop) {
  //    bmbMenuPop.addEventListener('popupshowing', onPopupShowing );   //--- extra für Mac erforderlich
  //    }
    if(bookMenu) {  
      bookMenu.addEventListener('popupshown', onPopupShowing ); //--- 'popupshowing' -> 'popupshown'
      }
    if(persToolBar) {
      persToolBar.addEventListener('popupshown', onPopupShowing ); //--- 'popupshowing' -> 'popupshown'
    }
*/
    if(bmbMenu) {
			let bmbMenuPopup = document.getElementById('BMB_bookmarksPopup'); 
			if(bmbMenuPopup) {
				bmbMenuPopup.openPopup();
				bmbMenuPopup.hidePopup();
				bmbMenuPopup.setAttribute("hasbeenopened","true");
			}
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
		}
    if(bookMenu) {
			let bookMenuPopup = document.getElementById('bookmarksMenuPopup');
			if(bookMenuPopup) {
				bookMenuPopup.openPopup();
				bookMenuPopup.hidePopup();
				bookMenuPopup.setAttribute("hasbeenopened","true");
			}
            bookMenu.addEventListener('popupshowing', onPopupShowing );
		}
    if(persToolBar) {
      persToolBar.addEventListener('popupshown', onPopupShowing ); //--- 'popupshowing' -> 'popupshown'
    }
  }

  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;
          // Neues Element für Zaehler
          let bmCounta = item.childNodes[1];
            if (!bmCounta) return;                            // Falls undefiniert
          bmCounta.innerHTML = ""
          let bmContent = document.createElement("bmContent");
          bmContent.id = "bmContent";
          bmCounta.appendChild(bmContent);

          //let strCountOut1 = " " + menuCount + " ";         //  Has no brackets
          //let strCountOut1 = "(" + menuCount + ")";         //  Has round brackets
          //let strCountOut1 = "[" + menuCount + "]";         //  Has square brackets
          let strCountOut1 = String(menuCount).padEnd(2, " ");
          bmContent.setAttribute('data-value1', strCountOut1);

          //let strCountOut2 = " " + menuitemCount + " ";      //  Has no brackets
          //let strCountOut2 = "(" + menuitemCount + ")";      //  Has round brackets
          //let strCountOut2 = "[" + menuitemCount + "]";      //  Has square brackets
    //      let strCountOut2 = String(menuitemCount).padEnd(2, " ");
    //      bmContent.setAttribute('data-value2', strCountOut2);

          let strCountOut2 = (useStyle === 0) 
            ? String(menuitemCount).padStart(4, "/  ") // (5, " |  ")
            : String(menuitemCount).padEnd(2, " ");
          bmContent.setAttribute('data-value2', strCountOut2);
          
        }, 100);
    }
  }
})();

Alles anzeigen

Liegt aber eventuell auch am CSS.

Horstmann

Zitat von Mira_Belle

Ich habe das Problem nicht mit dieser Anpassung.

Wenn Du schauen magst:

Hmm, gleiches Problem auf meiner Seite mit deinem Code.

Mira_Belle

Zitat von Horstmann

Hmm, gleiches Problem auf meiner Seite mit deinem Code.

Komisch.

Horstmann

Kann a) am Mac liegen, oder wahrscheinlicher b) mein Fx ist endgültig zu alt.

Wenn sonst niemand das Problem beobachten kann, können wir das ignorieren.

FuchsFan

Keine Probleme mit der Anzeige.

Horstmann

Danke für's Nachschauen.

Ich glaube fast dass es tatsächlich ein Mac, und evtl. auch ein Linux spezifisches Problem ist, s. hier.
Mac Fx hat ein eigenes inline Margin für diesen Pfeil, war schon lange so, und das wird anscheinend zu spät oder gar nicht dazugelesen mit dem in #636 erwähnten Code.

Edit: meine aktuelle Version hier und eine BrokenHeart Variante hier, nur zur besseren Übersicht.