Beiträge von FuchsFan

FuchsFan

Endor

Nur zur Info, im Nightly musste ich bei about:plugins einen Selektor anpassen, für diesen Button.

Den hatte ich nach letzter Änderung dazu [data-l10n-id="moz-support-link-text"], jetzt funktionslos.

Neu dann div#outside message-bar a{.

FuchsFan

Zitat von Mira_Belle

Aber es ist ja schön, dass die Geschmäcker verschieden sind.

Zitat von Mira_Belle

Über solche Dinge kann man ja vortrefflich streiten.

Muss ja nicht sein.

Ich wollte Dir nur noch ein Lob zukommen lassen, der Code von hier RE: Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen gefällt mir bisher am besten. Dort kann man after und before tauschen, gerade wie es gefällt (mit kleinen Anpassungen der Abstände).

Danke!

FuchsFan

Zitat von Horstmann

ich vermute auch dass bei dreistelligen Linkzahlen (der rechte Zähler), die Sache nicht passt.

Doch, passt!

Die Breite ist mit width: 25px !important; auf drei Stellen eingestellt.

Bitteschön!

CSS

// 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 **** */
/* ******************************************************************************************************************* */
/* Finaly Source                    => https://www.camp-firefox.de/forum/thema/136572/?postID=1230128#post1230128 **** */
/* ******************************************************************************************************************* */
/* Custom Counter in the Bookmarks for folders and links ************************************************************* */
/* ******************************************************************************************************************* */

(function() {

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

    let profilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'))
    let icon1 = "005.png"
    let icon2 = "003.png"

    function setFunction() {

        const css =`
        
            .countClass1::before {
                content: "";
                background-image: url(${profilePath}/${icon1}); 
                background-repeat: no-repeat;
                background-size: 16px;  /* icon size */
                background-position: center;
                margin-left: 16px !important;    /* Abstand links minimum für schmale Popus  CHANGE  */ 
                margin-right: 4px !important;    /* Abstand bis zum "Wert" der Ordner CHANGE  */ 
                height: 16px;
                width: 16px;
                fill-opacity: 1;
            }
                                                                  /* Default FX left margin ist 16px !! -->  CHANGE  */ 
            .countClass1 label {
                margin-inline: 0px !important;
            }
                                                                /* Ordner container Inhalt zentriert -->  CHANGE  */ 

            hbox.menu-accel-container.countClass1 {
                align-items: center !important;
            }

            .countClass1::after {
                content: attr(data-value1) !important;
                font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
                font-size: 12px !important;
                font-weight: 900 !important;
                color: blue!important;                     /*  TEST  */  
                background-color: lightblue;          /*  TEST  */
                height: 14px;                                 /* height = font size Text zentriert CHANGE  */
                width: 25px !important;
                padding-left: 4px !important;
            }


            .countClass2::before {
                content: "";
                background-image: url(${profilePath}/${icon2});        /*  TEST  */
                /* background-image: url("chrome://browser/skin/bookmark-hollow.svg"); */
                background-repeat: no-repeat;
                background-size: 16px;  /* icon size */
                background-position: center;
                margin-right: 4px !important;   /* Abstand bis zum "Wert" der Links */
                margin-left: 4px !important;   /* Abstand bis zum Icon der (Links) ORDNER  CHANGE */
                height: 16px;
                width: 16px;
                /*fill: #c0c0c0;*/         /*  TEST  */
                fill-opacity: 1;
            }

            .countClass2::after {
                content: attr(data-value2);
                font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
                font-size: 12px !important;
                font-weight: 900 !important; 
                color: brown !important;                     /*  TEST  */
                /*margin-right: -6px !important;*/  /* Abstand zum Pfeil rechts CHANGE */
                background-color: lightblue;         /*  TEST  */
                height: 14px;                                 /* height = font size Text zentriert CHANGE  */
                width: 25px !important;
                padding-left: 4px !important;                                /* height = font size Text zentriert CHANGE  */
            }


            .countClass2 image {
                order: 1;                       /* Pfeil hinter dem "Wert" der Links */
                padding-left: 4px !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 = '#c0c0c0';
              
              let label1 = item.childNodes[3];
  
              label1.classList.add('countClass1');
              //let strCountOut1 = String(menuCount).padEnd(2, '\xa0');  //  TEST CHANGE?
              let strCountOut1 = String(menuCount).padEnd(2) + '\xa0';     // padEnd2 => zwei Stellen, plus Abstand 
              label1.setAttribute('data-value1', strCountOut1);

              let label2 = item.childNodes[4];
  
              label2.classList.add('countClass2');
              let strCountOut2 = String(menuitemCount).padEnd(3, '\xa0');  // padEnd3 => drei Stellen, Abstand bei nur einer Ziffer    
              label2.setAttribute('data-value2', strCountOut2);

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

Alles anzeigen

FuchsFan

Zitat von Horstmann

Gut beobachtet, das ist denk ich durch die unterschiedliche Art des Paddings für den ersten und zweiten Zahlenblock.

Das habe ich mit Eurem Code so gelöst, eventuell hilft es weiter (oben letzter Screenshot von mir).

CSS

const css =`
        
            .countClass1::before {
                content: "";
                background-image: url(${profilePath}/${icon1}); 
                background-repeat: no-repeat;
                background-size: 16px;  /* icon size */
                background-position: center;
                margin-left: 16px !important;    /* Abstand links minimum für schmale Popus  CHANGE  */ 
                margin-right: 4px !important;    /* Abstand bis zum "Wert" der Ordner CHANGE  */ 
                height: 16px;
                width: 16px;
                fill-opacity: 1;
            }
                                                                  /* Default FX left margin ist 16px !! -->  CHANGE  */ 
            .countClass1 label {
                margin-inline: 0px !important;
            }
                                                                /* Ordner container Inhalt zentriert -->  CHANGE  */ 

            hbox.menu-accel-container.countClass1 {
                align-items: center !important;
            }

            .countClass1::after {
                content: attr(data-value1) !important;
                font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
                font-size: 12px !important;
                font-weight: 900 !important;
                color: blue!important;                     /*  TEST  */  
                background-color: lightblue;          /*  TEST  */
                height: 14px;                                 /* height = font size Text zentriert CHANGE  */
                width: 25px !important;
                padding-left: 4px !important;
            }


            .countClass2::before {
                content: "";
                background-image: url(${profilePath}/${icon2});        /*  TEST  */
                /* background-image: url("chrome://browser/skin/bookmark-hollow.svg"); */
                background-repeat: no-repeat;
                background-size: 16px;  /* icon size */
                background-position: center;
                margin-right: 4px !important;   /* Abstand bis zum "Wert" der Links */
                margin-left: 4px !important;   /* Abstand bis zum Icon der (Links) ORDNER  CHANGE */
                height: 16px;
                width: 16px;
                /*fill: #c0c0c0;*/         /*  TEST  */
                fill-opacity: 1;
            }

            .countClass2::after {
                content: attr(data-value2);
                font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
                font-size: 12px !important;
                font-weight: 900 !important; 
                color: brown !important;                     /*  TEST  */
                /*margin-right: -6px !important;*/  /* Abstand zum Pfeil rechts CHANGE */
                background-color: lightblue;         /*  TEST  */
                height: 14px;                                 /* height = font size Text zentriert CHANGE  */
                width: 25px !important;
                padding-left: 4px !important;                                /* height = font size Text zentriert CHANGE  */
            }


            .countClass2 image {
                order: 1;                       /* Pfeil hinter dem "Wert" der Links */
                padding-left: 4px !important;

Alles anzeigen

FuchsFan

Zitat von Horstmann

Hier mal ein grober Versuch das Ganze anzupassen, ich hoffe es macht Sinn:

Da kann man was draus machen, wieso eigentlich nicht?

FuchsFan

omar1979

Ein älteres Script habe ich hier als Vorlage genommen. Im Ordner chrome ist ein Ordner Scripte angelegt, und mit Scripten befüllt worden. Nur das Script ExtraConfigMenu.uc.js ist im Ordner chrome verblieben (hat mit der Veränderung des Codes für die Anzeige von Scripten zu tun, was dann im Script selbst alles entfernt werden müsste) .

Das Submenü mit dem Namen "Ordner Scripte" kannst Du oben erkennen, leider bekomme ich es nicht hin, es auch zu füllen.

Eventuell hilft Dir ja ein anderer User dabei. Das ist der Code dazu:

Code

// Ordner Scripte als Submenü einrichten
    submenu = menupopup.appendChild(this.createME("menu","Ordner Scripte",0,0,"submenu-scripte"));
    submenupopup = submenu.appendChild(this.createME("menupopup",0,0,0,"submenu-scripte-items"));

Den Ordner "Scripte" aus dem Ordner chrome habe ich dann mit folgendem Code eingefügt:

Code

menupopup.appendChild(this.createME("menuitem","Ordner Scripte","uProfMenu.dirOpen(uProfMenu.getPrefDirectoryPath('UChrm')+uProfMenu.getDirSep()+'scripte');","uProfMenu_folder"),0);

FuchsFan

Zitat von 2002Andreas

Wie kommst du denn darauf

Weil ich es probiert habe.

Zitat von 2002Andreas

Ok ok, du brauchst noch diesen zusätzlichen Eintrag:

Das war so natürlich nicht vorhanden. Danke, damit geklärt.

FuchsFan

Zitat von Endor

Es ist so wie 2002Andreas schon geschrieben hat
einiges mehr zu ändern. Leider.

Ja, Endor, das betrifft aber nur dieses Script. Werden die Scripte aus dem Ordner chrome entfernt, so funktionieren sie nicht mehr.

So müssten entsprechend die erforderlichen Dateien (ich vermute mal main.js u. utilities.js) auch noch mit verändert werden.

Ich glaube ein schwieriges Unterfangen das alles anzupassen.

FuchsFan

Zitat von oldman53

Das ist eine Antwort mit Aussagekraft, im Gegensatz zu der von FuchsFan.

Musst Du ignorieren, wenn es Dir nicht gefällt.

Ich frage mich nur, wenn du das Thema intensiv verfolgt hättest, dann wüsstest Du, welche "Kleinigkeiten" hier auseinander genommen werden. Ob zum Nutzen, oder als Hobby, das bleibt jedem selbst überlassen.

Nur noch der Hinweis, bitte keine Diskussion mehr zu dieser Angelegenheit, nur noch zum Thema selbst.

FuchsFan

Zitat von oldman53

Aber was stellt man mit den Infos an?

Bei dem Wetter würde ich sie in's Schwimmbad mitnehmen.

Wenn es Dir zu viel wird, lass es links (oder rechts) liegen.

FuchsFan

Zitat von omar1979

Das heisst ich muss die Scripte wieder ins chrome-ordner zurückverschieben?

Es sei denn, das Script wird total umgeschrieben.

Edit:

Oder Du freundest dich mit dem Script Appmenu.uc.js an. Der Nachteil hier, dass jede Veränderung im Inhalt der Ordner (Scripte, Css, usw.) selbst nachgetragen werden muss. Vorteil: Hier kannst du Ordner anlegen, so wie es dir passt. Wenn Interesse besteht, dann stelle ich mal mein Script zur Verfügung.

FuchsFan

Zitat von omar1979

mal abwarten, evtl weiss es jemand.

aborix hat auf meinen Wunsch hin das Script angepasst, dass ich dann erweitert habe. So sind die ganzen Ordner angelegt worden, aber nur dort, wo auch rechts der Pfeil zu sehen ist, diese werden automatisch eingelesen.

Eines kann ich Dir sagen, mit einer Reihe Code ist da nichts zu machen, da gehört mehr dazu.

FuchsFan

Zitat von grisu2099

Gibt es da vielleicht auch noch einen Trick, wie man (z.B.) eine auf dem Rechner vorhandene Grafik an dieser Stelle einbaut?

Da habe ich mich auch schon dran versucht, aber....??????

FuchsFan

Zitat von BrokenHeart

Das ist so trivial, dass ihr euch mit der flachen Hand gegen die Stirn schlagen werdet!

Erst einmal ein herzliches Dankeschön für den kleinen Aufhübscher, gefällt mir.

Nun habe ich schon einige Male mit der Faust an die Stirn geschlagen, aber da öffnet sich keine geheime Kammer.

Da wäre ich nie drauf gekommen, weil ich das überhaupt nicht kenne.

Da muss ich mal üben, ob ich das auch schaffe, sehr gefährlich.

FuchsFan

Zitat von BrokenHeart

Hier noch meine Version

Und das sagst Du jetzt nicht, wie Du das da hin gezaubert hast.

FuchsFan

Zitat von 2002Andreas

Welchen Wert hat dieser config Eintrag bei dir?

Danke, Andreas, habe ich auch gefunden.

FuchsFan

Zitat von 2002Andreas

Das Skript bzw. der Code funktioniert auch nicht auf allen Icons.

Hilf mir mal bitte auf die Sprünge, hier wirken überhaupt keine Tooltipps. CSS-Codes alle raus, Scripte nur Restart, und trotzdem nichts. Was könnte da nicht stimmen, eventuell ein config-Eintrag. in der user.js ist nichts dazu enthalten.

Edit:

browser.chrome.toolbar_tips war auf false

FuchsFan

Zitat von 2002Andreas

Das Skript bzw. der Code funktioniert auch nicht auf allen Icons.

Ist schon klar, ich probiere die Links, denn die funktionieren in Finale und Beta.

FuchsFan

Zitat von 2002Andreas

Auch nicht, wenn du das in die userChrome.css schreibst?

Nein, auch dann nicht.

FuchsFan

Zitat von 2002Andreas

kein Problem im aktuellem Nightly.

Hallo 2002Andreas !

Hier nicht, deswegen meine Nachfrage. Und das in zwei Profilen, dann muss ich auf Spurensuche. Danke, Andreas!

Beiträge von FuchsFan

About Seiten mit CSS Codes anpassen

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

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

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

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

Im ExtraConfigMenu.uc.js werden die Scripte nicht mehr angezeigt.

Im ExtraConfigMenu.uc.js werden die Scripte nicht mehr angezeigt.

Im ExtraConfigMenu.uc.js werden die Scripte nicht mehr angezeigt.

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

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

Im ExtraConfigMenu.uc.js werden die Scripte nicht mehr angezeigt.

Im ExtraConfigMenu.uc.js werden die Scripte nicht mehr angezeigt.

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

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

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

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)