Addons-Manager anpassen

BarbaraZ- · 5. März 2023

Moin, hier hakt es bei mir.

Habe aus dem Code die Passage, die betroffen ist ausgewählt.

CSS

/** Addons-Manager **/

@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) { 

/****  Nummerierung der installierten Erweiterungen im AddonsManager ****/

/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. **/
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: Magenta !important; 
    /*font-weight: bold !important;*/  /*Änderung 05.03.*/
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)".) ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    /*margin-top: 1px !important;/  /*Änderung 05.03..*/
}

/**** Versionsnummer der Addons wird angezeigt ****/
  div:not([current-view=updates]) .addon-name-link[title]::after  {
     display: block !important;
      content: attr(title) !important;
      margin-top: -24px !important;
} 
 
.addon-name-link {
    color: yellow !important;
}
}

Alles anzeigen

Was ich schon versucht habe, habe ich mit /*Änderung*/ versucht darzustellen.

2002Andreas · 5. März 2023

Zitat von BarbaraZ-

Was ich schon versucht habe

Nutzt du einen anderen Wert als 100% bei Zoom?

Ändere doch bitte mal den Wert in Zeile 28 auf z.B. -26px und teste.

Endor · 5. März 2023

Laut meinem Test müsste es daran liegen:

CSS

/**** Versionsnummer der Addons wird angezeigt ****/
  div:not([current-view=updates]) .addon-name-link[title]::after  {
     display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important; /* Änderung Endor*/
}

Siehe meine Änderung darin.

2002Andreas

mit -26px sieht es hier so aus:

mit -22px so:

Mfg.
Endor

2002Andreas · 5. März 2023

Zitat von Endor

müsste es daran liegen:

Hallo Endor,

das tut es auch

margin-top muss angepasst werden.

Zitat von Endor

mit -26px sieht es hier so aus:

Dann muss sie es ausprobieren, hängt auch vom Zoom ab.

Endor · 5. März 2023

2002Andreas

Einen schönen Sonntag wünsche ich Euch beiden

Mfg.
Endor

2002Andreas · 5. März 2023

Zitat von Endor

Einen schönen Sonntag wünsche ich.

Danke, den wünsche ich dir auch

BarbaraZ- · 5. März 2023

Mit -22 klappt es auch nicht.

Das Problem mit dem Zoom kann ich nicht finden. Ich habe in den Einstellungen Standard-Zoom 100% eingestellt.

Dieses Problem mit den 110% betrifft nicht alle Seiten, nur die, die mit CSS angesprochen werden.

Habe auch schon alle deaktiviert und Stück für Stück wieder neu gesetzt, in verschiedenen Konstellationen.

Und Fehlerbehebungsmodus klappt, sobald ich aber wieder CSS einsetzte, hakt irgendwas.

2002Andreas · 5. März 2023

Zitat von BarbaraZ-

Ich habe in den Einstellungen

Naja, trotzdem kannst du die Seite auch einzeln vergrößern.

Prüf das bitte mal.

Bei 110% sieht das hier so aus:

Endor · 5. März 2023

Zitat von BarbaraZ-

Mit -22 klappt es auch nicht.

Teste mal mit einem anderen Wert. 23px, 21px oder auch nur 20px usw.

Mfg.
Endor

2002Andreas · 5. März 2023

Passiert, wenn der Haken bei: Nur Text zoomen gesetzt ist.

BarbaraZ- · 5. März 2023

Zoom sieht hier so aus:

Ich werde dann mal mit den Werten spielen.

2002Andreas · 5. März 2023

Zitat von BarbaraZ-

Zoom sieht hier so aus:

Was wird dir denn auf der Seite:

about:addons

angezeigt?

Nur das ist wichtig.

BarbaraZ- · 5. März 2023

Bei abbout:addons bleibt das Ergebnis bei 100% so, wie es ist, selbst bei Werten mit -10

CSS

/**** Versionsnummer der Addons wird angezeigt ****/
  div:not([current-view=updates]) .addon-name-link[title]::after  {
     display: block !important;
      content: attr(title) !important;
      margin-top: -10px !important;
      
}

Also Buchstabenüberlagerung.

2002Andreas · 5. März 2023

Zitat von BarbaraZ-

Also Buchstabenüberlagerung.

Dein Code bei 100% ergibt:

Ich habe nur die Farbe yellow mal auf red geändert.

Bei 110% sieht das hier so aus:

BarbaraZ- · 5. März 2023

Ich habe den Fehler gefunden!!

Es ist, warum auch immer, ein 2. identischer CSS-Code bei mir in das Verzeichnis hereingeraten.

Dieser wurde aber nicht aufgerufen, sondern immer der erste. Warum auch immer?

Ich danke trotzdem für die Hilfe, denn mit angepassten Werten und der Löschung des 2. Codes klappt es.

Sorry für mein Versehen. Hat mich aber gelehrt, beim Speichern zu schauen, ob es schon einen CSS-Code mit identischem Namen gibt.

2002Andreas · 5. März 2023

Zitat von BarbaraZ-

Sorry für mein Versehen.

Alles ist gut

Schön wenn der Fehler behoben ist.

Sören Hentzschel · 5. März 2023

Ich verstehe nicht, wieso überhaupt identischer Text sichtbar auf den ursprünglichen Text gelegt wird, das sieht doch total unschön aus, selbst wenn man margin-top so wählt, dass es halbwegs auf dem anderen Text liegt. Das lässt sich relativ einfach lösen. Nur der zusätzliche Code (die Selektoren sind in dem Code schon vorhanden):

CSS

div:not([current-view=updates]) .addon-name-link[title] {
  font-size: 0 !important;
}

div:not([current-view=updates]) .addon-name-link[title]::after  {
  font-size: 16px !important;
}

2002Andreas · 5. März 2023

Alternativ diesen kompl. Code:

CSS

/** Addons-Manager **/

@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {

/****  Nummerierung der installierten Erweiterungen im AddonsManager ****/

/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. **/
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: Magenta !important; 
    /*font-weight: bold !important;*/  /*Änderung 05.03.*/
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)".) ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    /*margin-top: 1px !important;/  /*Änderung 05.03..*/
}

/**** Versionsnummer der Addons wird angezeigt ****/
  div:not([current-view=updates]) .addon-name-link[title]::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -40px !important;
      font-size: 16px !important;
      color: yellow !important;
} 
 
.addon-name-link {
      font-size: 0 !important;
}
}

Alles anzeigen

Addons-Manager anpassen

BarbaraZ- 5. März 2023

Teilen