Beiträge von Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

aber nicht um damit normal und produktiv zu arbeiten.

Kommt drauf an.

Du könntest in dem neuen Profil z.B. andere Lesezeichen haben.

Oder andere Erweiterungen..Skripte..Codes.

Ok, ist jetzt nur mein Empfinden, aber normal ist das nicht.

Aber soll ja nicht heißen, dass das andere User nicht so handhaben.

Und beruflich?

Wäre es da nicht sinnvoller, an ganz anderer Stelle die Systeme zu trennen?

Benutzerkonten des BS, oder eben halt eine zweite Installation mit entsprechendem anderem Profil?

Aber gut, jeder so wie er/sie mag.

Für kurze Tests finde ich das auf jeden Fall gut und werde es mal ausprobieren.

Zitat von 2002Andreas

Zitat von Mira_Belle

Dass die gleichzeitige Nutzung von zwei

Unter about:profiles ein neues Profil erstellen.

Und dann einfach unten auf: Profil zusätzlich ausführen klicken.

Schon hast du 2 Profile gleichzeitig geöffnet.

Alles anzeigen

Danke für die Erklärung.

Aber dieses Späßchen ist ja nicht das normale Vorgehen eines normalen Nutzers!

Das ist für Tests gut geeignet, aber nicht um damit normal und produktiv zu arbeiten.

Aber gut, dass ich das jetzt weiß, denn manchmal, wenn ich ein neues Skript oder neuen CSS-Code testen möchte,

habe ich bisher immer den Firefox beendet und mit dem Testprofil neu gestartet, um dann nach den Tests,

wieder zu meinem Standardprofil zu wechseln, um dann z.B. hier das Ergebnis zu verkünden.

Zitat von Horstmann

...

Den Text zu verstecken bei diesen Vorgaben geht mit seinem Code if (menuCount == 0) {menuCount ='\xa0';}; und if (menuitemCount == 0) {menuitemCount ='\xa0';};, zugefügt zu meinem.

Dann müsste müsste er "nur" noch das Icon wegbekommen.

Oh, cool.

Wenn es das ' 🗁 ' aus seinem Code ist, sollte das auch so einfach gehen.

Ich weiß nur gerade nicht, an welcher Stelle es eingefügt werden muss.

Entferne doch mal die Symbole, bzw, den Code für diese und dann füge in der Zeile für das Anzeigen den "Buchstaben" 🗁 ein.

Wenn es aber durch eine Grafik ersetzt werden soll, geht es nur über das Script, und da bin ich definitiv überfordert.

Mach das aber nur, wenn Du auch wirklich Lust darauf hast.

Zitat von BrokenHeart

Zitat von Mira_Belle

Äh, ich habe BrokenHard zitiert.

Und mein Kommentar bezieht sich auch nur auf seinen Kommentar.

Achtung! => ...

Hab halt 'nen empfindlichen Magen

Nein im Ernst, du hast schon viele gute Ideen gehabt und die auch so umgesetzt, dass wirklich sehr brauchbarer Code dabei herausgekommen ist . Aber die Zeile in #34 ist wirklich in jeder Beziehung Mist. Du musst dann bei jeder zusätzlichen Verschachtelungsebene neuen Code anfügen, oder zur Sicherheit gleich 50x menu > menupopup >... schreiben. Vor allem wenn man bedenkt, dass es auch viel einfacher geht.

Also nichts für ungut, mir ist ja nur schlecht geworden und ich habe nicht k....n müssen, sonst hätte ich auch ein anderes Smiley benutzt.

Alles anzeigen

Hey, war doch nur Spaß,

ich bin halt leider einfach nicht auf die einfache Lösung gekommen.

Aber dafür haben wir doch Dich.

Dass die gleichzeitige Nutzung von zwei und/oder mehreren Profilen so nicht vorgesehen sind, kann man schon erkennen,

wenn man eine ganz normale Installation durchführt und danach den Firefox dazu überredet, eben per Parameter,

weitere Profile anzulegen.

Es öffnet sich dann nämlich ein Abfragefenster, wo man ein Profil auswählen soll!

Dass Du es irgendwie hinbekommen hast, mit mehreren Profilen gleichzeitig zu arbeiten, entspricht eben nicht dem Standard.

Ergo brauchst Du auch nicht weiterzugraben. Es ist, wie es ist.

Und was das hier angeht,

Zitat von KringelBrot73

---

... Wie soll Instanz B bemerken, dass die Build-ID nicht passt (was erst nach Austausch der Programmdateien durch das Update der Fall ist), wenn die Instanz A nach dem schließen auf das Beenden Instanz B wartet, um das Update durchzuführen?

---

Ist es auch ganz einfach!

Das Update tauscht Dateien im Programmordner aus, und Deine laufende Instanz erwartet aber andere Versionen von einigen Dateien.

Wenn das geschieht, kommt halt die Meldung, die Du so hasst.

Zitat von omar1979

Also mir wurde nicht übel.

kA warum du mich zitiert hast.

Äh, ich habe BrokenHard zitiert.

Und mein Kommentar bezieht sich auch nur auf seinen Kommentar.

Achtung! => ...

Ok, ich hätte den Teil, wo er Dir geantwortet hat auch noch entfernen können.

Zitat von Horstmann

Soso, Herausforderungs-Taktiken benutzen wir!

Hat geklappt, probier mal das hier; eine vereinfachte Version mit nur einem Icon, so eingerichtet wie in deinem Screenshot.

Farben, Abstände etc. sind wie beschrieben einstellbar, dein Icon ebenfalls wie beschrieben einbauen.

Nicht so ganz

Die Herausforderung besteht darin, dass wenn 0 "Unterordner" vorhanden sind, eben diese auch nicht angezeigt werden.

Ebenso bei "Links".

Schau Dir noch einmal ganz genau das Pic von Mitleser an.

Und an dieser Stelle bin ich dann raus, bin mir zwar sicher, dass das umzusetzen geht, aber das überschreitet dann doch

ganz gewaltig mein Wissen.

Dieses ganze "wenn-dann Gedöns" blicke ich nicht so wirklich und dann auch noch die Bedingungen,

wenn ich es sehe, dann verstehe ich es, aber selber drauf kommen,

Zitat von Horstmann

...

JavaScript

// JavaScript Document
// BookmarkCount_Mod.uc.js - modified for element separation #7x TEST
// Author BrokenHeart
// Source file https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536
// Endor Repository Link Source https://github.com/Endor8/userChrome.js/blob/master/Firefox%20115/BookmarkCount.uc.js
// Modified by Mira_Belle / Horstmann / Forum members

(function() {

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

    //Custom icons in profile/chrome/icons folder
    //Option to use Firefox icons at bottom of CSS section

    let profilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'))
    let icon1 = "YourFolderIcon.png"
    let icon2 = "YourLinkIcon.svg"

    function setFunction() {

        const css =`


            /*/////  FCE = First counter element / SCE = Second counter element  /////*/
            /*/////  CSA = Center space adjustment  /////*/


            /*////////  Adjustments  ////////*/

            :root {

                /***  CSA = Center space adjustment / left - right margin  ***/
                /* distance counter1  <->  divider  <->  SCE ???? */

                --center_base_margin: 6px;
                --fine_tune_margin: 1px;                            /* adjust left margin for font/letter width */
                --center_inline_margin: 
                    calc(var(--center_base_margin) + var(--icon_reduce_size)/2 - var(--fine_tune_margin))
                    var(--center_base_margin);

                /**  Divider / optional  **/
                --divider_width: 1px;                      /* divider width, 0px to hide divider */
                --divider_height: 12px;                               /* divider height max 16px */
                --divider_color: red;                   /* divider color, default currentColor ? */

                /**  Basic margin  **/
                --basic_distance: 4px;                     /* Base distance between all elements */

                /**  Icon - adjust CSA after changes **/
                --icon_size: calc(16px - var(--icon_reduce_size));      /* icon size, default 16px */
                --icon_reduce_size: 2px;                                  /* icon smaller by amount */

                /**  Fonts  **/
                /*--counter_fontsize: 11px;*/            /* font size, un-comment to change default */
                /*--counter_fontweight: 800;*/         /* font weight, un-comment to change default */
                --counter_fonts: "Droid Sans Mono", "Andale Mono", monospace;
            }


            /*/////  Icons  /////*/

            /*//  Use custom icons  //*/
            :root {
                --icon_image_1: url(${profilePath}/${icon1});   
                --icon_image_2: url(${profilePath}/${icon2});   
            }

            /*//  No custom icons? No problem! / un-comment to use Firefox icons  //*/
            /*:root {
                --icon_image_1: url("chrome://global/skin/icons/folder.svg") ;   
                --icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");   
            }*/



            /* Fix container content vertical centering for FCE */
            hbox.menu-accel-container.countClass1 {
                align-items: center !important;
            }


            /*/////////  FCE / Folder counter element  /////////*/

            /* FCE minimum distance to left for narrow windows */
            hbox.menu-accel-container.countClass1 {
                margin-left: 16px !important;
            }

           .countClass1 label {
                height: var(--divider_height) !important;
                width: var(--divider_width) !important;
                background-color: var(--divider_color) !important;
                order: 1;
                margin-inline: var(--center_inline_margin) !important;
            }
           /* Icon 1 */
            .countClass1::before {
                content: "";
                background-image: var(--icon_image_1);                           /* icon1 */
                background-repeat: no-repeat;
                background-size: var(--icon_size);                               /* icon1 size */
                background-position: center;
                margin-right: calc(var(--basic_distance) - var(--icon_reduce_size)/2) !important;
                height: 16px;
                width: 16px;
                /*fill: green;*/                        /* .svg icon color / opacity if applicable */
                fill-opacity: 1;
            }
           /* Counter 1 */
            .countClass1::after {
                content: attr(data-value1) !important;
                font-family:  var(--counter_fonts) !important;
                font-size: var(--counter_fontsize) !important;
                font-weight: var(--counter_fontweight) !important;
                /*color: red !important;*/                                             /*  text1 color */
            }


            /*/////////  SCE / Items/links counter element  /////////*/

            /* Icon 2 */
            .countClass2::before {
                content: "";
                background-image: var(--icon_image_2);                           /* icon2 */
                background-repeat: no-repeat;
                background-size: var(--icon_size);                                /* icon2 size */
                background-position: center;
                margin-right: calc(var(--basic_distance) - var(--icon_reduce_size)/2) !important;
                height: 16px;
                width: 16px;
                /*fill: red;*/                             /* .svg icon color / opacity if applicable */
                fill-opacity: 1;
            }
           /* Counter 2 */
            .countClass2::after {
                content: attr(data-value2);
                font-family:  var(--counter_fonts) !important;
                font-size: var(--counter_fontsize) !important;
                font-weight: var(--counter_fontweight) !important;
                /*color: red !important;*/                                              /* text2 color */
            }
           /* Arrow right */
            /* Move arrow to the right, margins */
            .countClass2 image {
                order: 1;
                margin-left: var(--basic_distance) !important;  /* distance Counter2 <-- arrow */
                margin-right: 0px !important;                       /* distance arrow  -->  box border */
            }


           /*///  Testing stuff  ///*/

            /*  Outline only for testing  */
            /*
            menu.menu-iconic.bookmark-item {
                 outline: 1px solid orange !important;
                 outline-offset: -8px !important;
            }
            */
           /*  Background/ outline only for testing  */
            /*
            .countClass1::after, .countClass2::after {
                 outline: 1px solid green !important;
                 outline-offset: -1px !important;
                 background-color: gainsboro;
            }
            */
            /*
            .countClass1, .countClass2 {
                 outline: 1px solid green !important;
                 outline-offset: -1px !important;
                 background-color: gainsboro;
            }
            */

          /*  Some fonts not centered Fix, optional, experimental  */
           /*
            .countClass1::after, .countClass2::after {
                 height: var(--counter_fontsize) !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)
            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;

              // FCE First counter, 2 digits // Numbers aligned right // use padEnd for left
              let label1 = item.childNodes[3];
              label1.classList.add('countClass1');
              //let strCountOut1 = String(menuCount).padStart(2,  '\xa0');  // Keine Klammern // No Brackets
              let strCountOut1 = String("[" + menuCount + "]").padStart(4,  '\xa0');     // Klammern // Brackets
              label1.setAttribute('data-value1', strCountOut1);

              // SCE Second counter, 3 digits // Numbers aligned right // use padEnd for left
              let label2 = item.childNodes[4];
              label2.classList.add('countClass2');
              //let strCountOut2 = String(menuitemCount).padStart(3, '\xa0');  // Keine Klammern // No Brackets
              let strCountOut2 = String("[" + menuitemCount + "]").padStart(5,  '\xa0');    // Klammern // Brackets
              label2.setAttribute('data-value2', strCountOut2);

            }, 100);
        }
    }    
})();

Alles anzeigen

Das ist ein Moloch!

Aber ich bin mal gespannt, was Du aus dem Jacascript von mir und Deinem CSS so machst.

Viel spass wüsch ich Dir.

Zitat von Mitleser

Bingo!

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

Schaffe ich aber nicht...

Sorry, aber da ich mich mit CSS noch weniger auskenne wie Horstmann

und auch mit Javascript nur so einigermaßen zurechtkomme,

würde ich vorschlagen, du rufst nach unserem Meister BrokenHeart.

Eventuell kann er was aus dem Hut zaubern, was Deinen Wünschen entspricht.

Kopfkratz.

@Horstmann

Möchte er, dass das Ordnersymbol nur dann erscheint, wenn auch ein Ordner vorhanden ist?

Ich weiß wirklich nicht, was er will!

Bin gerade total plemplem.

Zu viel gerade mit den Variablen herumgespielt.

Zitat von 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'?

Alles anzeigen

Kannst Du das noch mal irgendwie anders erklären?

Vielleicht auch mit Bildchen?

Denn ich stehe gerade total auf'em Schlauch.

Zitat von BrokenHeart

Zitat von Mira_Belle

#bookmarksToolbarFolderPopup > menu > menupopup > menu > menupopup > menu > menupopup > menuseparator

...

Zitat von omar1979

Diese Code funkt, nur im Menü Lesezeichen, wenn man viele Unterordner hat funkt es nach einigen Unterordnern nicht mehr.

Ungetestet (für Menü-Lesezeichen):

CSS

menuseparator:not(.bookmarks-actions-menuseparator) {
    display: none !important;
}

#bookmarksMenuPopup .bookmarks-actions-menuseparator {
    border-top: 3px solid red !important;
}

Sorry, ich wusste es nicht besser.

Musst Dir ja nicht gleich übel werden.

Aber danke.

Zitat von Mira_Belle

Jetzt könnte man ja noch die Defaultfarben und -werte im Settingsbereich ergänzen.

Hätt' ich auch etwas früher drauf kommen können

    // CUSTOM SETTINGS
    let icon1 = "folder_org.svg"            // custom icon for folder
    let icon2 = "bookmark-hollow.svg"       // custom icon for links
    let cs_txt_color = "currentColor";      // Text Farbe, default "currentColor"
    let cs_basic_distance = 4;              // Base distance between all elements
    let cs_counter_fontsize = 12;           // Fontsize
    let cs_counter_fontweight = 600;        // Fontweight
    let cs_icon_color = "currentColor";     // .svg icon color / opacity if applicable, default "currentColor"
    let cs_counter_color = "currentColor";  // counter text color, default "currentColor"
    let cs_divider = 1;                     // 0 for no divider, 1 for divider
    let cs_divider_color = "currentColor";  // divider color, default "currentColor"
    let cs_divider_height = 12;             // divider height max 16
    let cs_divider_inline_margin = 6;       // distance counter1 - divider - SCB
    // CUSTOM SETTINGS END

Ich wer' ma machen.

Denn ich finde es gar nicht so schwer,

obwohl ich von Javascript noch von CSS wirklich Ahnung habe.

@Horstmann

Habe fertig.

Und so könnte es mit Variablen in Javascript aussehen.

Aber gewonnen hätte man da auch nicht wirklich was

Einzig und alleine, dass es nur ganz am Anfang einen Bereich gäbe,

wo Änderungen vorgenommen werden müssten.

Also nur ein klitzekleiner Vorteil.

// JavaScript Document
// BookmarkCount_Mod.uc.js - modified for element separation #7c Horst edition
// Author BrokenHeart
// Source file https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536
// Endor Repository Link Source https://github.com/Endor8/userChrome.js/blob/master/Firefox%20115/BookmarkCount.uc.js
// Modified by Mira_Belle / Horstmann / Forum members



(function() {

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


    //Custom icons in profile/chrome/icons folder
    //Option to use Firefox icons at bottom of CSS section

    let profilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'))
    let icon1 = "YourFolderIcon.png"
    let icon2 = "YourLinkIcon.svg"

// JavaScript Document
// BookmarkCount_Mod.uc.js - modified for element separation #7c Horst edition
// Author BrokenHeart
// Source file https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536
// Endor Repository Link Source https://github.com/Endor8/userChrome.js/blob/master/Firefox%20115/BookmarkCount.uc.js
// Modified by Mira_Belle / Horstmann / Forum members



(function() {

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


    //Custom icons in profile/chrome/icons folder
    //Option to use Firefox icons at bottom of CSS section

    let profilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'))
    
    
    // CUSTOM SETTINGS

    let icon1 = "folder_org.svg"            // custom icon for folder
    let icon2 = "bookmark-hollow.svg"       // custom icon for links

    let cs_txt_color = '#c0c0c0';           // Text Farbe
    let cs_basic_distance = 4;              // Base distance between all elements
    let cs_counter_fontsize = 12;           // Fontsize
    let cs_counter_fontweight = 600;        // Fontweight
    let cs_icon_color = "blueviolet";       // .svg icon color / opacity if applicable
    let cs_counter_color = "chartreuse";    // counter text color
    let cs_divider = 1;                     // 0 for no divider, 1 for divider
    let cs_divider_color = "red"            // divider color, default "currentColor"
    let cs_divider_height = 12;             // divider height max 16
    let cs_divider_inline_margin = 6;       // distance counter1 - divider - SCB

    // CUSTOM SETTINGS END

    function setFunction() {

        const css =`

            /***  Basics  ***/

            /* Fonts list monospace */

            :root { 
                --counter_fonts: "Droid Sans Mono", "SF Mono", "Andale Mono", Consolas, "Lucida Console", "Courier New", monospace;   
            }

            /* Fix container content vertical centering for FCB */ 
            hbox.menu-accel-container.countClass1 {
                align-items: center !important;
            }

            /***  FCB = First counter element / SCB = Second counter element  ***/

            /**  #1 FCB / Folder counter element  **/

            /* FCB minimum distance to left for narrow windows */
            hbox.menu-accel-container.countClass1 {
                margin-left: 16px !important;
            }          

           .countClass1 label {
                height: ${cs_divider_height}px !important;
                width: ${cs_divider}px !important;
                background-color: ${cs_divider_color} !important;           /* divider color */
                order: 1;
                margin-inline: ${cs_divider_inline_margin}px !important; 
            }

            /* Icon 1 */
            .countClass1::before {
                content: "";
                background-image: url(${profilePath}/${icon1});
                background-repeat: no-repeat;
                background-size: 16px;                                      /* icon1 size */
                background-position: center;
                margin-right: ${cs_basic_distance} !important;
                height: 16px;
                width: 16px;
                fill: ${cs_icon_color};
                fill-opacity: 1;
            }

            /* Counter 1 */
            .countClass1::after {
                content: attr(data-value1) !important;
                font-family:  var(--counter_fonts) !important;
                font-size: ${cs_counter_fontsize}px !important;
                font-weight: ${cs_counter_fontweight} !important;
                color: ${cs_counter_color} !important;
            }


            /**  #2 SCB / Items/links counter element  **/

            /* Icon 2 */
            .countClass2::before {
                content: "";
                background-image: url(${profilePath}/${icon2});             /*  custom icon */
                background-repeat: no-repeat;
                background-size: 16px;                                      /* icon2 size */
                background-position: center;
                margin-right: ${cs_basic_distance} !important;
                height: 16px;
                width: 16px;
                fill: ${cs_icon_color};
                fill-opacity: 1;
            }

            /* Counter 2 */
            .countClass2::after {
                content: attr(data-value2);
                font-family:  var(--counter_fonts) !important;
                font-size: ${cs_counter_fontsize}px !important;
                font-weight: ${cs_counter_fontweight} !important;
                color: ${cs_counter_color} !important;
            }

            /* Arrow right */
            /* Move arrow to the right, margins */
            .countClass2 image {
                order: 1;    
                margin-left: ${cs_basic_distance} !important;               /* distance Counter2 <-- arrow */    
                margin-right: 0px !important;                               /* distance arrow  -->  box border */
            }


            /***  Extra stuff  ***/

            /**  No custom icons? No problem! / un-comment to use Firefox icons  **/ 
            /*
            .countClass1::before {
                background-image: url("chrome://global/skin/icons/folder.svg");
            }
           .countClass2::before {
                background-image: url("chrome://browser/skin/bookmark-hollow.svg");
            }
            */

            

           /** Testing stuff **/

            /*  Outline only for testing  */ 
            /*
            menu.menu-iconic.bookmark-item {
                 outline: 1px solid orange !important;
                 outline-offset: -8px !important;
            }
            */

            /*  Background/ outline only for testing  */ 
            /*
            .countClass1::after, .countClass2::after {
                 outline: 1px solid green !important;
                 outline-offset: -1px !important;
                 background-color: gainsboro;
            }
            */
            /*
            .countClass1, .countClass2 {
                 outline: 1px solid green !important;
                 outline-offset: -1px !important;
                 background-color: gainsboro;
            }
            */


           /*  Some fonts not centered Fix, optional, experimental  */
           /*
            .countClass1::after, .countClass2::after {
                 height: var(--counter_fontsize) !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)
            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;
              item.style.color =  cs_txt_color;

              
              // FCB First counter, 2 digits // Numbers aligned right // use padEnd for left
              let label1 = item.childNodes[3];
              label1.classList.add('countClass1');
              let strCountOut1 = String(menuCount).padStart(2,  '\xa0');  // Keine Klammern // No Brackets
//              let strCountOut1 = String("[" + menuCount + "]").padStart(4,  '\xa0');     // Klammern // Brackets
              label1.setAttribute('data-value1', strCountOut1);

              // SCB Second counter, 3 digits // Numbers aligned right // use padEnd for left
              let label2 = item.childNodes[4];
              label2.classList.add('countClass2'); 
              let strCountOut2 = String(menuitemCount).padStart(3, '\xa0');  // Keine Klammern // No Brackets
//              let strCountOut2 = String("[" + menuitemCount + "]").padStart(5,  '\xa0');    // Klammern // Brackets
              label2.setAttribute('data-value2', strCountOut2);

            }, 100);
        }
    }    
})();

Jetzt könnte man ja noch die Defaultfarben und -werte im Settingsbereich ergänzen.

Ich glaube, ohne es jetzt ausprobiert zu haben

#bookmarksToolbarFolderPopup > menu > menupopup > menu > menupopup > menu > menupopup > menuseparator

Zitat von Horstmann

Danke für die Rückmeldung!

...

--> Der Trennstrich: Zeile 60, Wert auf > 0px setzen.

Ach Du heilige Sch....!

Was hast Du denn da gemacht?

Also so einen Trennstrich hättest Du auch viel einfacher da reinbringen können,

zumal der Code das ja auch schon hergibt.

Aber schon irgendwie geil.

Zitat von Horstmann

Danke für die Rückmeldung!

Die Idee dahinter ist aber eigentlich, durch mehr Code die Einstellungen zu vereinfachen, indem man wiederholt benutzte Parameter zentral an einer Stelle regelt.

Und man kann immer noch manuell rangehen und die Variablen gezielt mit Festwerten ersetzen.

Aber, das hätte ich dann aber mit Variablen im Skript umgesetzt,

mit einem Hinweis in diesen Anpassungsbereich.

Analog zu dem Teil => let icon1 = "folder_org.svg".
Z.B.

// CUSTOM SETTINGS

let cs_basic_distance = 4;    // Base distance between all elements

und dann im CSS => margin-right: ${cs_basic_distance)px !important;

Aber es geht ja auch so, wie Du die Variablen umgesetzt hast.

Jede/r wie er/sie mag.

@Horstmann

Du machst es Dir nicht einfach.

Über Variablen hatte ich auch schon mal nachgedacht, mich aber dann letzten Endes dagegen entschieden!

1. Aufwand, wegen meist nur zwei Werten.

2. Es geht an individuellen Einstellmöglichkeiten verloren.

Auch hätte ich, so mein Gedanke, eher in Javascript umgesetzt.

Denn der CSS-Code wird, so empfinde ich es, doch recht aufgebläht und unübersichtlich.

Wie "gesagt", so empfinde ich es.

Unterm Strich, hast Du aber tollen Code abgeliefert, der mich weiterhin inspirieren wird.

Eventuell übernehme ich auch den einen oder anderen Gedanken und/oder Codeschnipsel.

----------------------------------------------------------------------------------------------------------------------------------------------------

Schlach die Axt!

Bin ich blind oder was?

An welcher Stelle wird denn bei Dir der Trennstrich  |  eingefügt?

Ohoh, mein Fehler!

War wohl zu schnell beim kopieren!

menuseparator:not(.bookmarks-actions-menuseparator) {
display: none !important;
}
#historyMenuPopup > menuseparator,
#bookmarksMenuPopup > menuseparator,
#bookmarksToolbarFolderPopup > menuseparator,
toolbarbutton menupopup[placespopup] menuseparator::before,
#bookmarksToolbarFolderPopup > menu > menupopup > menuseparator,
#bookmarksToolbarFolderPopup > menu > menupopup > menu > menupopup > menuseparator {
border-top: 3px solid red !important;
}

Zitat von Horstmann

Und ausserhalb der Menüleiste, geht's da auch?

Nein

Zitat von omar1979

Hast du auch Lesezeichen-Ordner auf dem Lesezeichen-Symbolleiste?

Dort funktioniert es nicht.

Hatte ich in der Tat nicht.

Habe ich nachgeholt und kam zum gleichen Resultat, wie omar1979 schon gezeigt hat.

Das hat mich aber mächtig an gestänkert.

Nu probiere DAS.

    menuseparator:not(.bookmarks-actions-menuseparator) {
        display: none !important;
    }
    #historyMenuPopup > menuseparator,
    #bookmarksMenuPopup > menuseparator,
    #bookmarksToolbarFolderPopup > menuseparator {
        border: 1px solid red !important;        
    }
    menu.menu-iconic > menupopup > menuseparator  {
        border: 1px solid red !important;        
    }
    toolbarbutton menupopup[placespopup] menuseparator::before {
        border-top: 3px solid red !important;
    }

Die Strichstärke musst, kannst Du Dir ja noch anpassen.

Zitat von BrokenHeart

...

Das ist das Symbol für die Erweiterung Tabliss

Ah.

Zitat von BrokenHeart

Das ist das (per CSS-filter grau eingefärbte) Symbol aus dem bekannten Restart-Skript. Allerdings habe ich mir das Original-Symbol in einer höheren Auflösung neu zusammengebastelt. ...

Danke.

Das Ganze ließ mir keine Ruhe!

Habe das ganze dann noch einmal in einem neuen Profil ausprobiert.

Mein Kommentar, ich verstehe es nicht!

Denn hier klappt es auf Anhieb.