Beiträge von Horstmann

Horstmann

Zitat von Mira_Belle

UND, dieser "kleine Bug", den Horstmann beschrieben hatte, tritt also auch unter Windows auf.
Ist jetzt nicht so tragisch, finde ich, denn gedacht war das ja nur, um in einem Testprofil Änderungen auszutesten,
und dann dieses auch wieder zu schließen.
ABER, Menschen sind halt auch im Verhalten so ganz anders, und jeder macht, was er will.
Deshalb habe ich den Code von Horstmann übernommen.

IdR habe ich auch nur Tabs im Spiel in einem Fenster, und der Button ist auch hier nur für ein bestimmtes Testprofil.

Ausserdem schliesse ich unbenutzte Programme normalerweise.

Aber wegen dem beschriebenen Macverhalten kommt es immer mal wieder vor, dass ich das Fenster vom Startprofil schliesse, einfach damit es aus dem Weg ist (gerade auch wenn ich an einem Testprofil rumbastle), während aber das Startprofil/Startinstanz fensterlos im Hintergrund weiterläuft.

Auf dem Mac ist das ein nicht ungewöhnliches Prozedere, deshalb kam das Problem bei mir recht regelmässig vor.

Hat ewig gedauert das zu kapieren, bis ich mich an den anderen Beitrag erinnert habe, wo es ein verwandtes Problem gab...

Horstmann

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

Vielen Dank, das scheint im Prinzip hier zu funktionieren!

Allerdings musste ich 2 Änderungen machen, weil einige Tooltips nicht angesprochen waren, und einige Objekte im Überhangsmenü und Erweiterungsmenü ein gestörtes Hoververhalten gezeigt haben (Menü hat sich bei Hover geschlossen).

Also tooltip dazugenommen, tooltip[label*=" "] in tooltip[label] geändert.

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

Sieht jetzt als Test so aus, mit deinem variierten Code und etwas von Mira_Belle (Dankeschön )

JavaScript

// browser.chrome.toolbar_tips  true
// Test2a

(function () {
    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, 
        tooltip[label],
        #tabbrowser-tab-tooltip, 
        .places-tooltip {
            display: none !important;
        }

        #remoteBrowserTooltip {
            display: flex !important;
        }

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

Alles anzeigen

Horstmann

Zitat von Mira_Belle

Soweit ich das jetzt in meinen kurzen Tests festgestellt habe, scheint es zu funktionieren.
Wenn das auch von anderen bestätigt wird, werde ich Horstmann im Skript "verewigen"!
Und bitte auch darum, das Skript dann auch so zu verwenden, inkl. Quellenangabe.

Funktioniert hier auf dem Mac, Danke!

Ich glaube dass ich einen Mac habe macht das kleine Problem für mich auch offensichtlicher.

Ist es in Windows nicht so, dass durch das Schliessen aller Programm/Instanzfenster dieses Programm/die Instanz beendet wird?

Auf meinem Mac ist das bei den meisten Programmen nicht der Fall, die müssen aktiv beendet werden auch wenn keine Fenster vorhanden sind.

Wenn ich also mit Firefox Instanz A das Profil bzw Instanz B öffne, kann ich das/alle Fenster in Instanz A schliessen, die Instanz A läuft aber weiter im Hintergund, das Icon von Instanz A bleibt auch aktiv im Dock (Win Taskleiste?).

Bei 3 offenen Profilen/Instanzen, aber alle deren Fenster geschlossen, sieht das Dock dann so aus:

Ich kenne Windows kaum, weiss nicht wie das dort funktioniert...

In meinem Fall kann ich also jede Instanz mit Anklicken direkt aufrufen, und es öffnet sich ein Fenster - was aber eben nicht das selbe Fenster ist, das beim ersten Start der jeweiligen Instanz geöffnet wurde --> Button hatte nicht mehr funktioniert.

Horstmann

Ich glaube ich kann mein Problem mit dem Originalscript von Mira_Belle jetzt reproduzieren:

Korrigierte Beschreibung :

Firefox öffnen, das Programm öffnet mit einem Browser Fenster (Fenster A).

Script Button funktioniert; jetzt neues Fenster B öffnen, dann das Fenster A - das erste beim Start geöffnete Fenster - schliessen.

Script Button funktioniert nicht mehr in Fenster B oder anderen Fenstern, sobald Fenster A geschlossen wurde.

Solange das erste beim Programmstart geöffnete Browserfenster offen ist, funktioniert das Script, auch in danach geöffneten zusätzlichen Fenstern, aber nur dann.

Würde mich interessieren, ob jemand anders das auch beobachten kann.

Was mich vage an das hier erinnert hat, und an die Lösung die mal wieder BrokenHeart geliefert hatte.

Das Problem könnte diese Zeile im Script sein: toolbaritem.onclick = event => onClick(event); .

Was nach ersten Tests hier zu klappen scheint ist sowas, Icon Name und Profilname etc. anzupassen, wesentliche Änderungen in Zeilen 14 und 31 (- 36):

Nur Test, offizielle Versionen von Mira !

JavaScript

//Test Fix

(function() {
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;
   try {
      CustomizableUI.createWidget({
         id: 'Leerprofil_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');
            let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
            let buttonIcon = "LettersL-1.png"; 
            //toolbaritem.onclick = event => onClick(event);
            let props = {
               id: 'Leerprofil_button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               overflows: 'true',
               label: 'Leerprofil',
               tooltiptext: 'Leerprofil Button',
               style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonIcon) +'");',
            };            
            for (var p in props)
               toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }    
      });
   } catch(e) { };

   document.getElementById('Leerprofil_button').addEventListener( "click", onClick );

   function onClick(event) {
      if (event.button == 0) 
      {      

      let file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);

      let arguments = ["-foreground", "-no-remote", "-P", "Leerprofil"];           // Profil Name

      file.initWithPath("C:\\Program Files\\Mozilla Firefox\\firefox.exe"); // Pfad Windows

      //file.initWithPath("/Applications/Firefox.app/Contents/MacOS/firefox-bin"); // Pfad Mac

      let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
      process.init(file);    
      process.run(false, arguments, arguments.length); // Profil wird bestätigt
   }    
}
})();

Alles anzeigen

Horstmann

Zitat von Sören Hentzschel

Kam denn eine der Meldungen neu dazu, als es aufhörte zu funktionieren, oder waren die Fehler alle schon vorher da? Die einzige Stelle im Code, welche unable to normalize widget loggen kann, ist nämlich die Stelle, an der createWidget() aufgerufen wird. Und das sollte ja nur ein einziges Mal pro Script sein. Insofern würde es mich wundern, wenn das direkt mit deinem Problem zusammenhängt.
Der letzte Fehler ist aber wieder der aus dem anderen Script. Bekommst du den gleichen Fehler denn auch vom anderen Script, während das dieses Script hier noch funktioniert?

Soweit ich es beobachten kann - wie gesagt kann ich das Problem leider nicht willentlich verursachen - taucht der Error unable to normalize widget nur mit diesem Script auf.

Die anderen Fehlermeldungen/Warnungen sind immer in der Konsole.

Und das gerade gesehen.

Horstmann

Zitat von Sören Hentzschel

Gibt es denn Fehler in der Konsole, wenn es nicht mehr klappt?

Jetzt hat das Script endlich aufgehört zu funktionieren ; hier der Error in der Konsole:

CustomizableUI: unable to normalize widget hatte ich schon vorher mal in der Konsole gesehen, war mir aber nicht sicher ob es mit dem Script zusammenhängt.

Wie (nachträglich) erwähnt, der Button ist bei mir im Überhangmenü; andere Scripts die ebenfalls dort sind haben das Problem nicht.

Nach wie vor kann ich aber das Problem nicht reproduzieren oder provozieren, es scheint zufällig aufzutauchen.

Horstmann

Zitat von Sören Hentzschel

Der gezeigte Fehler erscheint erst, wenn es nicht mehr geht? Der Fehler kommt aus einem anderen Script. Da ich keine Scripts nutze, weiß ich nicht, ob sich Fehler in einem Script auch auf andere auswirken. Tritt das Problem auch ohne dieses Script auf?

Das ist tatsächlich ein anderesScript das hier immer einen Error erzeugt, aber funktioniert.

Ob das einen Einfluss hat kann ich momentan nicht sagen, muss ich mal testen - nur weigert sich jetzt gerade das Profilbuttonscript aufzuhören zu funktionieren...

Horstmann

Zitat von Sören Hentzschel

Gibt es denn Fehler in der Konsole, wenn es nicht mehr klappt?

Nichts was ich zuordnen könnte; ich spiele das nochmal durch im Moment, mal schauen ob was Neues auftaucht wenn das Script aufhört zu funktionieren.

Horstmann

Eine kleine Sache habe ich hier noch: idR funktioniert der Button für das zusätzliche Profil mehrfach hintereinander.

Ich kann das Zusatzprofil starten, Änderungen aller Art im Zusatzprofil vornehmen, mit oder ohne Cache löschen das Zusatzprofil neustarten oder beenden oder mit dem Button im Ursprungsprofil neustarten, etc..

Und dann irgendwann geht der Button nicht mehr, bis zu einem Neustart vom Ursprungsprofil.

Ich kann aber absolut nicht nachvollziehen warum, habe alle möglichen Varianten durchprobiert.

Es ist als ob nach einer bestimmten Zeit das Script abschaltet - was aber keinen Sinn macht, oder?

Hat das sonst noch jemand beobachtet?

Nachtrag: alle anderen Scripts haben das Problem nicht; und der Button sitzt bei mir im Überhangmenü.

Horstmann

Zitat von Dharkness

Zitat von 2002Andreas

aber mein Skript funktioniert einwandfrei

Funktioniert in der Tat ohne Probleme, aber das ↓ verwirrt mich, ist das so korrekt?
tooltiptext: 'Neustart (mit Rechts 2- und Linksklick 0 wird der userChrome.js-Cache geleert)'

Ist ja nur falscher Text für den Tooltip; das Script von Andreas sollte mit Links-Klick einen normalen Neustart machen, mit Mittel- und Rechtskilck einen Neustart + Scriptcache löschen.

Horstmann

Zitat von bananovic

Ich muß nochmal auf den Thread zurückkommen. Ich habe Firefox auf Version 117.0b3 upgedatet. Jetzt hat sich zwar an den Menüicons nichts geändert, es ist nun aber der Menütext ganz dicht ohne jeden Abstand an die Icons herangerückt. Wie kriegt man da wieder einen Abstand hin?

Zitat von bananovic

Ja, zu dem Schluß bin ich auch gekommen. Ich werde es mit Deiner CSS probieren. Dazu muß ich aber andere Icons beschaffen, denn Deine schwarz/weiß-Icons sind nicht mein Ding. Farbige Icons habe ich in der bisher verwendeten MenuIconPlusCSS. Da muß ich nur die richtigen für jeden Menüpunkt finden. Eine Heidenarbeit.

Wenn der Abstand zwischen einigen Icons und Text das einzige Problem ist, und konstant falsch, kann's doch nicht so schwer sein die Ursache zu finden, im Zweifel mit den Browser Werkzeugen.

Da werden margins/paddings etc. inklusive der verantwortlichen CSS Dateien angezeigt.

Die Basis von deinem Code scheint kürzlich auch u.a. deswegen up-ge-dated worden zu sein, hast du dir das mal angeschaut?

Generell würde ich mir so einen komplexen Fremdcode aber auch nicht antun, wie oben erwähnt.

Entweder eigenes CSS das man versteht - oder vorgefertigtes CSS, die Finger davon weglassen und dann bei Bedarf nach Updates schauen, wenn denn welche kommen.

Horstmann

Zitat von StandingBill

Mozilla war da anscheinend etwas voreilig.
Beim Versuch der Installation von Version 115.1 ESR gibt es eine Fehlermeldung (Installation fehlgeschlagen).
Die nochmalige Updatesuche endet mit dem Hinweis, dass Firefox aktuell ist.

Das Problem hatte ich auch, auf einem Mac mit OS 10.13.6, was .

Das Update war angezeigt in Fx115.02 (in Über Firefox), dann war es plötzlich weg, und Firefox aktuell ; dann kam 115.03, die Updatetaste ist irgendwann wieder aufgetaucht, hat aber nicht funktioniert, schliesslich aber doch.

Mozilla hat es wohl einfach etwas vergeigt mit der Umstellung für nicht mehr unterstützte OS, ist aber zumindest auf meiner Seite kein Problem, weil es am Ende funktioniert hat.

Horstmann

So, hier dann noch der Vollständigkeit halber meine aktuelle Version.

Die benutzt keinen zusätzlichen, evtl. unpassenden monospace Font, was mir optisch viel besser gefällt; der grosse Nachteil ist dass man eine feste Breite für die Zähler eingeben muss, damit alle Icons und Nummern sauber übereinander stehen (s. Screenshot).

Weil bei einem dynamischen Font zB die 11 schmaler ist als die 48, muss man dann halt in den Browserwerkzeugen die maximale Breite für die breitesten Zahlen auslesen, und entsprechend eintragen; oder einfach probieren bis es passt.

(Edit: in Zeile 189 ist eine Art Tool zum Ausrichten; --counter_width_1/2 von kleinem Wert an vergrössern, bis die Breite der Outlines genau übereinander passt.)

Eingebaut ist auch noch eine optionale und verschiebbare Trennlinie, die Zähler lassen sich rechts- oder linksbündig ausrichten, sowie die Option die Zähler mit keinen (0) Ordnern/Links komplett auszublenden oder sonstwie beliebig zu verändern, nur mit CSS.

Fand ich generell ganz pfiffig, die Idee von Mitleser .

Danke an alle Beteiligten, v.a. natürlich BrokenHeart für das originale Script und Mira_Belle für die vielen Anregungen und Modifikationen.

Wer Lust hat kann damit ja mal rumspielen.

JavaScript

// JavaScript Document
// BookmarkCount.uc.js - modified #8c / Using default font / optional divider / 0 count adjustable
// Author BrokenHeart
// Modified by Mira_Belle / Horstmann / Forum members
// Source file https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536
// Endor Repository Link https://github.com/Endor8/userChrome.js/blob/master/Firefox%20115/BookmarkCount.uc.js


(function() {

    if (location.href !== 'chrome://browser/content/browser.xhtml')
        return;
    
    setTimeout(function() {
        setFunction();
    },50);


    //Custom icons in profile/chrome/icons folder
    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    let icon1 = "YourFolderIcon.png"    //  Custom  Folder Icon
    let icon2 = "YourLinkIcon.svg"          //  Custom  Link Icon

    function setFunction() {

        const css =`

            /**  Basic Settings  **/

            :root {

                /*  Fixed width counters / vertical alignment with non-monospace fonts  */
                /*  Find pixel width in browser toolbox for widest number, e.g. 48, 989 , after setting font size, weight / or use "tool" in line 190  */
                /*  Conversion pixel -> em for flexible font size, optional  */

                /*  Has brackets, 2 digits / 27px?  */
                --counter_width_1: 2.1em;
                --counter_width_2: 2.1em;

                /*  No brackets, 2 digits */
                /*--counter_width_1: 1.3em;
                --counter_width_2: 1.3em;*/

                /**  Align text right/left  **/
                --align_text: flex-end;                  /*  Text/counters aligned right  */
                /*--align_text: flex-start;*/             /*  Text/counters aligned left  */

                /* Font Size / font weight / font color, disable to use default */
                /*--counter_fontsize: 22px;*/
                /*--counter_fontweight: 800;*/
                /*--counter_fontcolor1: red;*/
                /*--counter_fontcolor2: green;*/
   
                /* Use Custom Icons, comment out to disable */
                --icon_image_1: url("${ProfilePath}/${icon1}");
                --icon_image_2: url("${ProfilePath}/${icon2}");

                /* Use Firefox Icons, comment out to disable */
                /*--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 first / folder counter */ 
            hbox.menu-accel-container.countClass1 {
                align-items: center !important;
            }

            /*  Minimum distance to left for tight popup windows  */
            .countClass1 {
                margin-left: 16px !important;
            }

            /**  Basic Settings End  **/


            /****  #1 Folder counter  ****/

            /* Icon 1 */
            .countClass1::before {
                content: "";
                background-image: var(--icon_image_1);                           /* icon1 */
                background-repeat: no-repeat ;
                background-size: 14px;                                   /*  icon 1 size  */
                background-position: center;
                margin-right: 0px;             /*  distance  icon 1  -->  folder count 2px */
                height: 16px;
                width: 16px;
                /*fill: red;*/                  /* .svg icon color / opacity if applicable */
                /*fill-opacity: 1;*/
            }

           /* Label as divider / width 0 to hide / adjust margin-inline to center */ 

           .countClass1 label {
                height: 10px !important;
                width: 0px !important;
                background-color: rgba(20, 20, 20, 1.0) !important;
                order: 1;
                /*margin-inline: 5px 4px !important;*/  /* distance counter 1 -> divider -> #2 */
                margin-inline: 3px 3px !important;
            }

            /* Counter 1 */
            .countClass1::after {
                content: attr(data-value1); 
                min-width: var(--counter_width_1) !important;
                font-size: var(--counter_fontsize);                                                                            
                font-weight: var(--counter_fontweight) !important;
                color: var(--counter_fontcolor1);                      /*  Counter text color  */
                display: flex !important;
                justify-content: var(--align_text);
            }


            /****  #2 Items / links counter  ****/

            /* Icon 2 */
            .countClass2::before {
                content: "";
                background-image: var(--icon_image_2);                        /* icon2 */
                background-repeat: no-repeat;
                background-size: 14px;                                /*  icon 2 size  */
                background-position: center;
                margin-right:  0px;          /*  distance icon 2  -->  item count  2px  */
                height: 16px;
                width: 16px;
                fill: rgba(30, 30, 30, 1.0);  /* .svg icon color / opacity if applicable */
                /*fill-opacity: 1;*/
            }

            /* Counter 2 */
            .countClass2::after {
                content: attr(data-value2); 
                min-width: var(--counter_width_2) !important;
                margin-right: 4px !important;              /*  distance item count  -->  arrow  */
                font-size: var(--counter_fontsize);
                font-weight: var(--counter_fontweight) !important;
                color: var(--counter_fontcolor2);                       /*  Counter text color  */
                display: flex !important;
                justify-content: var(--align_text);
            }

            /* Move arrow to the right */
            .countClass2 image {
                order: 1;
                margin-right: 0px !important;             /*  distance arrow  -->  popup border  */
            }

          /* Move Arrow closer to popup border, optional */
           menu.menu-iconic.bookmark-item {
               padding-right: 2px !important;
            }


           /*** Extra stuff  ***/


           /** Adjust/hide if count = 0 / CSS only / optional **/

           /* #1 icon folder counter if menuCount = 0 */
           .countClass1[data-value1="[0]"], .countClass1[data-value1="0"] {
                 opacity: 0;
            }

            /* #2 icon link counter if menuitemCount = 0 */
           .countClass2[data-value2="[0]"]::after, .countClass2[data-value2="[0]"]::before,
           .countClass2[data-value2="0"]::after, .countClass2[data-value2="0"]::before {
                 /*color: rgba(87, 80, 68, 0.7) !important;
                 fill: rgba(87, 80, 68, 0.7) !important;*/
                 opacity: 0.5;
            }


           /** Override custom menu css if needed, optional **/

            /* Disable default left margin / override other custom menu css #1 */ 
            /*.countClass1 label {
                margin-inline: 0px !important;
            }*/

           /* Work fix / override other custom menu css #2 */
           /*.menu-right.countClass2 {
                margin-inline: 0px !important;
           }*/



            /*  Outlines for testing alignment / all counter outlines must have same width */ 
            /*.countClass1::after, .countClass2::after {
                 outline: 1px solid red !important;
                 outline-offset: 7px !important;
            }*/

            /*  Outline only for testing  */ 
            /*menu.menu-iconic.bookmark-item {
                 outline: 1px solid orange !important;
                 outline-offset: -8px !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;


              let label1 = item.childNodes[3];
  
              label1.classList.add('countClass1');
              let strCountOut1 = "[" + menuCount + "]";           //  Has brackets
              //let strCountOut1 = menuCount;                      //  No brackets
              label1.setAttribute('data-value1', strCountOut1);

              let label2 = item.childNodes[4];
  
              label2.classList.add('countClass2');
              let strCountOut2 = "[" + menuitemCount + "]";       //  Has brackets
              //let strCountOut2 = menuitemCount;                  //  No brackets
              label2.setAttribute('data-value2', strCountOut2);


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

Alles anzeigen

Edit #2: Oder vielleicht sowas?

Jetzt aber raus hier, genug Selbstgespräche.

JavaScript

// JavaScript Document
// BookmarkCount.uc.js - modified #9 / Using default font / optional divider / 0 count adjustable
// Author BrokenHeart
// Modified by Mira_Belle / Horstmann / Forum members / Horstmann edition
// Source file https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536
// Endor Repository Link https://github.com/Endor8/userChrome.js/blob/master/Firefox%20115/BookmarkCount.uc.js


(function() {

    if (location.href !== 'chrome://browser/content/browser.xhtml')
        return;
    
    setTimeout(function() {
        setFunction();
    },50);


    //Custom icons in profile/chrome/icons folder
    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    let icon1 = "YourFolderIcon.png"    //  Custom  Folder Icon
    let icon2 = "YourLinkIcon.svg"          //  Custom  Link Icon

    function setFunction() {

        const css =`

    /**  Basic User Settings  **/

    :root {

    /*  Fixed width counters / vertical alignment with default non-monospace fonts  */
    /*  Find pixel width in browser toolbox for widest number, e.g. 48, 989 , after setting font size, weight  */
    /*  Or use tool below / Do conversion pixel -> em for more flexible font size, optional  */

                /*  Has brackets, 2 digits / 27.5px?  */
                --counter_width_1: 2.1em;
                --counter_width_2: 2.1em;

                /**  Align text right/left  **/
                --align_text: flex-end;                  /*  Text/counters aligned right  */
                /*--align_text: flex-start;*/             /*  Text/counters aligned left  */

                /* Font Size / font weight / font color, comment out to use default */
                /*--counter_fontsize: 22px;*/
                /*--counter_fontweight: 800;*/
                /*--counter_fontcolor1: red;*/
                /*--counter_fontcolor2: green;*/
   
                /* Use Custom Icons, comment out to disable */
                --icon_image_1: url("${ProfilePath}/${icon1}");
                --icon_image_2: url("${ProfilePath}/${icon2}");

                /* Use Firefox Icons, comment out to disable */
                /*--icon_image_1: url("chrome://global/skin/icons/folder.svg");*/
                /*--icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");*/
            }


    /***  Tool for testing alignment / comment out when done  ***/

    /* Set font size, weight if used / create test folders  with 0, 11, 88, or 999 content */
    /* Adjust --counter_width_1+2 above, until all counter outlines have same width */  
            /*.countClass1::after, .countClass2::after {
                 outline: 1px solid red !important;
                 outline-offset: 7px !important;
            }*/

   /**  Basic User Settings End  **/


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

            /*  Minimum distance all to left, for narrow popup windows  */
            .countClass1 {
                margin-left: 16px !important;
            }


            /****  #1 Folder counter  ****/

            /* Icon 1 */
            .countClass1::before {
                content: "";
                background-image: var(--icon_image_1);                           /* icon1 */
                background-repeat: no-repeat ;
                background-size: 14px;                                     /*  icon 1 size  */
                background-position: center;
                margin-right: 0px;                      /* distance  icon 1 <-> folder count */
                height: 16px;
                width: 16px;
                /*fill: red;*/                            /* .svg icon color / opacity if applicable */
                /*fill-opacity: 1;*/
            }

            /* Counter 1 */
            .countClass1::after {
                content: attr(data-value1); 
                min-width: var(--counter_width_1) !important;
                font-size: var(--counter_fontsize);                                                                            
                font-weight: var(--counter_fontweight) !important;
                color: var(--counter_fontcolor1);             /*  Counter 1 text color  */
                display: flex !important;
                justify-content: var(--align_text);
            }

          /* Move Label to right / use as optional divider / width 0 to hide / adjust margin-inline to center */ 
          .countClass1 label {
                height: 10px !important;
                width: 0px !important;
                background-color: rgba(20, 20, 20, 1.0) !important;
                order: 1;
                /*margin-inline: 5px 4px !important;*/  /* distance counter 1 -> divider -> #2 */
                margin-inline: 3px 3px !important;
            }


            /****  #2 Items / links counter  ****/

            /* Icon 2 */
            .countClass2::before {
                content: "";
                background-image: var(--icon_image_2);                        /* icon2 */
                background-repeat: no-repeat;
                background-size: 14px;                                /*  icon 2 size  */
                background-position: center;
                margin-right:  0px;                 /*  distance icon 2  <->  item count  */
                height: 16px;
                width: 16px;
                fill: rgba(30, 30, 30, 1.0);  /* .svg icon color / opacity if applicable */
                /*fill-opacity: 1;*/
            }

            /* Counter 2 */
            .countClass2::after {
                content: attr(data-value2); 
                min-width: var(--counter_width_2) !important;
                font-size: var(--counter_fontsize);
                font-weight: var(--counter_fontweight) !important;
                color: var(--counter_fontcolor2);                 /*  Counter 2 text color  */
                display: flex !important;
                justify-content: var(--align_text);
            }

            /* Move arrow to the right */
            .countClass2 image {
                order: 1;
                margin-inline: 4px 0px !important;  /* distance item count -> arrow  ->  popup border */
            }

          /* Move Arrow closer to popup border, optional */
           menu.menu-iconic.bookmark-item {
               padding-right: 2px !important;
            }


           /*** Extra stuff  ***/

          /** Adjust/hide if count = 0 / CSS only / optional / for no, square & round brackets **/

           /* #1 icon folder counter if menuCount = 0 */
           .countClass1[data-value1="[0]"], 
           .countClass1[data-value1="(0)"], 
           .countClass1[data-value1="0"] {
                 opacity: 0;
            }

            /* #2 icon link counter if menuitemCount = 0 */
           .countClass2[data-value2="[0]"]::after, .countClass2[data-value2="[0]"]::before,
           .countClass2[data-value2="(0)"]::after, .countClass2[data-value2="(0)"]::before,
           .countClass2[data-value2="0"]::after, .countClass2[data-value2="0"]::before {
                 /*color: rgba(87, 80, 68, 0.7) !important;
                 fill: rgba(87, 80, 68, 0.7) !important;*/
                 opacity: 0.5;
            }

            /* Arrow */
            :is(.countClass1[data-value1="[0]"] + .countClass2[data-value2="[0]"], 
                .countClass1[data-value1="0"] + .countClass2[data-value2="0"], 
                .countClass1[data-value1="(0)"] + .countClass2[data-value2="(0)"]) image {
                /*opacity: 0;*/
                fill: rgba(255, 150, 68, 1.0) !important;
            }

            /* Hide empty Popup */
            menu.menu-iconic.bookmark-item menupopup[emptyplacesresult="true"] {
                 display: none !important;
            }

          /** Adjust/hide if count = 0 / End **/



           /** Override other custom menu css if needed, optional **/

           /* Work fix / override other custom menu css #2 */
           /*.menu-right.countClass2 {
                margin-inline: 0px !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;


              let label1 = item.childNodes[3];
  
              label1.classList.add('countClass1');
              let strCountOut1 = "[" + menuCount + "]";   //  Has square brackets
              //let strCountOut1 = "(" + menuCount + ")";       //  Has round brackets
              //let strCountOut1 = menuCount;                                //  No brackets
              label1.setAttribute('data-value1', strCountOut1);

              let label2 = item.childNodes[4];
  
              label2.classList.add('countClass2');
              let strCountOut2 = "[" + menuitemCount + "]"; //  Has square brackets
              //let strCountOut2 = "(" + menuitemCount + ")";     //  Has round brackets
              //let strCountOut2 = menuitemCount;                              //  No brackets
              label2.setAttribute('data-value2', strCountOut2);


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

Alles anzeigen

Horstmann

Zitat von FuchsFan
So, das im Script oder in userChrome.css eingetragen ergibt dann hier:
CSS
 #profileschange-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
    width: 33px !important;
    height: 33px !important;
    padding: 6px  !important;
}
(auch mit neuem Code von Aris für die Button getestet)

Jetzt kapier ich's erst - du willst das Icon grösser haben als die anderen, das Problem war nicht dass es kleiner als der Rest war...

Das geht tatsächlich über fixe Grösse + weniger Padding, da war Dharkness auf der richtigen Spur.

Übrigens ist jetzt dein Button/Icon etwas zu gross, width/height sollten wohl 32px sein statt 33px.

Horstmann

Zitat von FuchsFan

Nun habe ich die Zeile von Aris für den Urheber erklärt, ist aber doch nicht so.
Nur das Profile-Script noch im Einsatz, der Rest an Codes, Scripte, alles raus, und trotzdem das kleine Icon.
Ich bedanke mich bei allen Unterstützern, wir lassen es einfach so.

Hmm, zumindest das Icon könntest du noch reinstellen.

Horstmann

Zitat von FuchsFan
Das wundert mich auch, aber der Übeltäter ist die Zeile aus dem Code von Aris. Die kann ich aber nicht entfernen, weil sonst einige Button nicht angezeigt werden.
Code
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,

Alles was man wissen sollte für einen Vorschlag fehlt hier...

Zumindest den gesamten Codeblock solltest du angeben, und die dazugehörige Datei die du benutzt innerhalb von Aris CSS.

Horstmann

Zitat von FuchsFan

Das habe ich alles schon durch, Icons gewechselt, Größe gewechselt, Format gewechselt, nichts da.

Ich habe dann doch mal die Aris CSS (v4.3.9, Fx115.1esr) im Testprofil geladen, und mit dem Script benutzt.

Das Icon passt sich automatisch perfekt an (das "L" im Screenshot), auch mit verschiedenen Icondateien in verschiedenen Bildgrössen etc..

Ich könnte mir nur noch vorstellen, dass du evtl. zusätzliches eigenes CSS benutzt für spezifische Icons, oder eine veraltete und vielleicht zurechtgebastelte Version vom Aris CSS.

Horstmann

Zitat von Mira_Belle

Äh, wie soll ich das nun erklären?

Prima erklärt, herzlichen Dank für die Mühe!

Ich wollte v.a. sicher gehen, dass PathUtils nicht generell Probleme macht in neueren Fx Versionen.

Ich bastle immer noch ein bisschen an unserer alten Baustelle herum, ich vermute dass damit alles iO sein sollte bzgl. der Dateipfade, da wird ja CSS im Script benutzt wie in deinem aktuellen Beispiel.

Horstmann

Zitat von Mira_Belle

So dann hier die neue und aktuelle Version meines "Button-um-weiteres-Profil-zu-öffnen-Skripts".

JavaScript

// JavaScript Document
// QuickProfilesChangesButton.uc.js
// Source file https://www.camp-firefox.de/forum/thema/136664/?postID=1231647#post1231647
// Source file https://www.camp-firefox.de/forum/thema/136664/?postID=1232240#post1232240
// Version 1.07 from August 3, 2023
(function() {
   if (location.href !== 'chrome://browser/content/browser.xhtml') return;
   try {
      CustomizableUI.createWidget({
         id: 'profileschange-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');
            toolbaritem.onclick = event => onClick(event);
            var props = {
               id: 'profileschange-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Profil zusätzlich starten',
               accesskey: '', // Wer möchte kann hier z.B. 'C' eintragen, dann kann per "Alt + C" das Skript ausgeführt werden
               tooltiptext: 'Profile Changer',
            };            
            for (var p in props)
               toolbaritem.setAttribute(p, props[p]);            
            return toolbaritem;
         }    
      });
   } catch(e) { };
   
   let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
   let ButtonIcon = "user-group_2.svg"; // Name & Dateiendung des anzuzeigenden Symbols!
   var css =`
       #profileschange-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") }
   `;
   var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
   var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
   sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
     
   function onClick(event) {
      if (event.button != 0){
         return;
      }
      let file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
      let arguments = ["-no-remote", "-P", "Standard-Benutzer", "-foreground"]; // Profil wird ausgewählt Hier "XXX" den gewünschten Profilnamen eintragen
//      let arguments = ["-no-remote", "-P"]; // Wer lieber den Profilmanager aufrufen möchte,nutzt diese Zeile!
      file.initWithPath("C:\\Program Files\\Mozilla Firefox\\firefox.exe"); // Pfad zur Firefox-Installation
//      file.initWithPath("/Applications/Firefox.app/Contents/MacOS/firefox"); // Pfad zur Firefox-Installation, Dateipfad für Mac User
      let process = Cc["@mozilla.org/process/util;1"].createInstance(Ci.nsIProcess);
      process.init(file);    
      process.run(false, arguments, arguments.length); // Profil wird bestätigt
   }    
})();

Alles anzeigen

Nur mal für ganz Langsame wie mich: das hier ist wohl inzwischen überholt, und Zeile 31 ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); - mit PathUtils - funktioniert also, auch in den aktuellen Nightlys?

Ärgerlicherweise kann ich Nightlys nicht mehr benutzen auf der alten Mackiste, möchte nur weitmöglichst meine Scripts aktuell halten.

Horstmann

Zitat von FuchsFan

Zitat von Horstmann

ich vermute du hast evtl. CSS am Laufen das die Icongrösse für manche Buttons ändert, aber nicht für alle.

Da liegst Du vollkommen richtig, in der Regel werden mit eingebunden, aber nicht alle, wie du andeutest.
https://github.com/Aris-t2/Custom…_appearance.css

Da seh ich aber nix bzgl. Grössen, oder ich bin blind.

Das Aris Monster - genial wie es ist - hab ich aber schon zu oft durchgekämmt um das nochmal zu machen.

Eine komplett wilde Idee wäre in dem Fall das Icon in einer CSS Datei - am besten vielleicht unten in deiner userChrome.css - anzugeben, und damit das Icon im Script zu umgehen.

Also sowas, angenommen dein Icon ist in einem Ordner namens icons im chrome Ordner:

CSS

#profileschange-button .toolbarbutton-icon {
    list-style-image: url("icons/DeinIcon.png") !important;
}

Könnte sein dass dann deine anderen Einstellungen für Icons auch für dieses Bild greifen, ohne zusätzliche Grössenangaben.

Aber wie gesagt, wenn es auch anders funktioniert ist das ja auch ok, also muss man sich den Aufwand vielleicht nicht machen.

Beiträge von Horstmann

Button um weiteres Profil zu öffnen

Tooltips nur für die Bedienoberfläche ausschalten?

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Restart-Script ohne Funktion

Größere Abstände zwischen den Menüsymbolen und dem Menütext

Firefox 115.0.3 für Nutzer veralteter Betriebssysteme veröffentlicht

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

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen

Button um weiteres Profil zu öffnen