Nightly: Nummerierung der Erweiterungen im AddOns-Manager

Boersenfeger

Ich verwende im Nightly diesen Code

CSS

/*  Nummerierung der installierten Erweiterungen im AddonsManager */

    body {
    counter-reset: section;                     
    }

    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
    font-size:18px!important;  
    color: red !important;
    font-weight: bold !important;
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)": ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top:4px!important;
    }

Alles anzeigen

um die Erweiterungen nummeriert anzuzeigen. Seit einiger Zeit funktioniert dies im Nightly nicht mehr, im 88.0.1 aber schon...

Ist das auch eine Proton-Sache und kann man dies beheben?

Hier ein Screenshot von der Default-Version 80.0.1

2002Andreas

Zitat von Boersenfeger

kann man dies beheben?

CSS

/*  Nummerierung der installierten Erweiterungen im AddonsManager */

    body {
    counter-reset: section !important;                   
    }
#main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > div:nth-child(2)::before,
#main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > div:nth-child(2)::before,
#main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(4) > div:nth-child(1) > div:nth-child(2)::before {
    font-size:18px!important;  
    color: red !important;
    font-weight: bold !important;
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)": ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top:4px!important;
    }

Alles anzeigen

Boersenfeger

Kurz und knapp.

Danke!

2002Andreas

Gerne wie immer

Zitat von Boersenfeger

Kurz und knapp.

Es gibt auch eine Kurzform für den Code

CSS

/*  Nummerierung der installierten Erweiterungen im AddonsManager */

    body {
    counter-reset: section !important;                   
    }
#main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > div:nth-child(1) > div:nth-child(2)::before {
    font-size:18px!important;  
    color: red !important;
    font-weight: bold !important;
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)": ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top:4px!important;
    }

Alles anzeigen

Boersenfeger

Prima, gleich übernommen.

Endor

Auch ich bedanke mich ganz herzlich.

:klasse:

Mfg.
Endor

2002Andreas

Freut mich wie immer, wenn auch andere es gebrauchen können

FuchsFan

Zitat von 2002Andreas

Es gibt auch eine Kurzform für den Code

Danke!

grisu2099

Ich hab auch mal aktualisiert...

Danke!

bege

Hallo 2002Andreas,

kannst du mir auch mit diesem alten CSS-Code weiterhelfen? Er hat mal in der obersten Zeile des Addon-Managers die Anzahl der aktivierten und der deaktivierten Addons angezeigt. Ich kriege ihn schon lange nicht mehr im Firefox zum Laufen.

Das ist der originale Code, da stimmen die Selektoren natürlich nicht mehr.

CSS

/* Displays enabled/disabled counts. Thanks to K.WeEabo0o */
/* @-moz-document url(about:addons) { */
        #list-view #addon-list .addon:first-child {
            counter-reset: enabled;
            counter-reset: disabled;
        }
    
        #list-view #addon-list .addon[active="true"] {counter-increment: enabled;}
        #list-view #addon-list .addon[active="false"] {counter-increment: disabled;}
    
        #list-view #addon-list:after {
            content: "("counter(enabled)" enabled, "counter(disabled)" disabled)" !important;
            position: fixed;
            top: 14px;
            /* left:220px; */
            font-weight: bold;
        }
    }

Alles anzeigen

Mit dieser Anpassung wird zwar die Zeile wieder angezeigt, aber die Zähler bleiben immer auf 0.

CSS

/* Displays enabled/disabled counts. */
@-moz-document url(about:addons) {
    addon-list addon-card .addon{
    counter-reset: enabled !important;
     counter-reset: disabled !important;
          }

 addon-list addon-card .addon[active="true"] {
    counter-increment: enabled;
    }
 addon-list addon-card .addon[active="false"] {
    counter-increment: disabled;
    }

        #page-header .main-heading .header-name:after {
            content: "("counter(enabled)" enabled, "counter(disabled)" disabled)" !important;
            margin-left: 5px !important;
            /* position: fixed; */
            /* top: 14px; */
            /* left:220px; */
            font-weight: bold !important;
            font-size: 16px !important;
        }
    }

Alles anzeigen

2002Andreas

Zitat von bege

mit diesem alten CSS-Code weiterhelfen?

Hallo bege ..

da muss ich leider passen

Evtl. fällt einem anderen User ja noch etwas dazu ein.

Sören Hentzschel

Die counter()-Funktion wird nicht im gleichen Zweig des Dokumenten-Baums wie counter-increment verwendet, sondern ganz woanders. Solche Dinge sind auf Grund dessen, wie CSS funktioniert, nicht möglich. Für sowas bietet sich dann ein Script an.

bege

Zitat von Sören Hentzschel

Die counter()-Funktion wird nicht im gleichen Zweig des Dokumenten-Baums wie counter-increment verwendet, sondern ganz woanders. Solche Dinge sind auf Grund dessen, wie CSS funktioniert, nicht möglich. Für sowas bietet sich dann ein Script an.

Danke, Sören. Kannst du mir bitte genauer erklären, was da nicht funktioniert? Früher hat es ja funktioniert. Ich dachte, es liegt nur an den geänderten Selektoren.

Danke auch an 2002Andreas

Sören Hentzschel

Zitat von bege

Kannst du mir bitte genauer erklären, was da nicht funktioniert? Früher hat es ja funktioniert. Ich dachte, es liegt nur an den geänderten Selektoren.

In deinem alten Code wurde die entsprechende Funktion, anders als im neuen Code, vom Dokumentenbaum her nicht ganz woanders aufgerufen und hat deswegen auch funktioniert. Es ist in CSS nicht möglich, von einer Stelle an eine beliebige andere zu "springen".

bege

Zitat von Sören Hentzschel

In deinem alten Code wurde die entsprechende Funktion, anders als im neuen Code, vom Dokumentenbaum her nicht ganz woanders aufgerufen und hat deswegen auch funktioniert. Es ist in CSS nicht möglich, von einer Stelle an eine beliebige andere zu "springen".

OK, deshalb wurde wohl im alten Code position: fixed verwendet, um die Anzeige an eine andere Stelle zu bekommen. Das habe ich jetzt übernommen und die Dokumentenbäume angepasst. Jetzt sieht der neue Code bis auf die Selektoren fast so aus wie der alte, funktioniert aber immer noch nicht. Hast du noch einen Tipp?

CSS

/* Displays enabled/disabled counts. */
@-moz-document url(about:addons) {
    #main addon-list addon-card .addon:first-child{
    counter-reset: enabled !important;
     counter-reset: disabled !important;
        }

 #main addon-list addon-card .addon[active="true"] {
    counter-increment: enabled;
    }
 #main addon-list addon-card .addon[active="false"] {
    counter-increment: disabled;
    }

        #main addon-list:after {
            content: "("counter(enabled)" enabled, "counter(disabled)" disabled)" !important;
            position: fixed;
            top: 145px;
            left:600px;
            font-weight: bold !important;
            font-size: 16px !important;
        }
    }

Alles anzeigen

Nightly: Nummerierung der Erweiterungen im AddOns-Manager

Ähnliche Themen

Entwicklung Firefox Nightly (Fenix)

Nightly AddonsManager-Icon ändern

Unerwünschte Fenster automatisch

Ansicht "Erweiterungen verwalten"

Bei Klick auf ein Lesezeichen passiert nichts

Nummerierung der Erweiterungen