"Protection Icon"/url-bar (Verified Identity) Firefox 70 (Nightly) ändern

Pentomino

Hallo, ich konnte bis zur 69 Beta die beiden Icons (grünes Schloss und Seiteninformationssymbol) auf einer Seite mit "Verified Identity" über folgende Codes ansprechen bzw. ändern (woher ich die Schnipsel habe, weiß ich nicht mehr):

CSS

#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon{
list-style-image: 
url('./icons/lock.png') !important; 
}

#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon{
list-style-image: 
url('./icons/CFForange.png') !important; 
}

Seit der 70er Nightly-Version lässt sich lediglich noch das Schloss über #identity-icon (Erster Teil des o.a. Codes) ansprechen:

Links neben dem Schloss (roter Pfeil) befindet sich jetzt ein "Protection"-Symbol (meine Bezeichnung). Wie lässt sich dieses Symbol ansprechen bzw. ändern?

So sah es bis zur 69 Beta mit obigen Codes aus:

grisu2099

Versuch es mal mit:

Code

#tracking-protection-icon-animatable-image

Pentomino

Zitat von grisu2099
Versuch es mal mit:
Code
#tracking-protection-icon-animatable-image

Danke für den Tipp! Führt leider zu keiner Änderung des Icons...

2002Andreas

Teste bitte mal:

CSS

#urlbar[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
    list-style-image: url......
    }

Pentomino

Hat funktioniert Besten Dank wie immer

2002Andreas

Gerne doch

Pentomino

Ohh...Mir ist gerade aufgefallen, dass das veränderte Icon auch bei "normalen" gesicherten links, wie zB. "camp-firefox" getauscht wird. Ich wollte es eigentlich nur bei "Verified identity" tauschen lassen....Muss da noch irgendetwas modifiziert werden?

P.S. Das veränderte Schloss-Symbol wird auch ausschließlich bei "verified identity" angewendet!

P.P.S. Ist aber alles kein Problem. Falls technisch nicht möglich, bin trotzdem mit dem Ergebnis sehr zufrieden

2002Andreas

Teste bitte wieder:

CSS

#tracking-protection-icon-animatable-image { 
    background-image: url...    
    }

2002Andreas

So funktioniert es auch:

CSS

#tracking-protection-icon-animatable-image { 
    background: url("./icons/CFForange.png") !important;    
    }

In Zukunft muss bei Icons einiges geändert werden, siehe dazu auch hier:

Anpassungen der CSS- und JS-Codes ab Firefox 68 bzw. 69

Pentomino

Hmmm...funktioniert bei mir jetzt noch nicht. Vermutlich mache ich hier kleine Fehler... Werde mich damit weiter beschäftigenSobald ich weitere Fragen habe, melde ich mich...

2002Andreas

Bei mir muss das so aussehen:

"

bei dir ist es nur:

'

evtl. musst du das in meinem Code bei dir wieder anpassen

2002Andreas

Also so dann:

CSS

#tracking-protection-icon-animatable-image { 
    background: url('./icons/CFForange.png') !important;    
    }

Pentomino

Ja, danke. Hatte ich alles schon durchprobiert. (Wegen des Pfades). Klappt trotzdem bei mir nicht. Aber kein Problem. Ich bleibe hartnäckig am Ball

Pentomino

Könnte natürlich sein, dass ein anderer .css-code, den ich zusätzlich benutze, "dazwischenfunkt". Werde ich demnächst in Ruhe prüfen

2002Andreas

Meine Empfehlung:

Immer ein zusätzliches Testprofil nutzen.

Pentomino

Ja, mache ich. Werde ggf. die "Vorzüge" des einen .css-codes gegen die "Nachteile" des anderen abwiegen, sofern diese sich "in die Quere kommen".

2002Andreas

Es hat zumindest nichts mit dem Code aus Beitrag Nr. 4 zu tun.

So sieht das hier mit unterschiedlichen Icons für beide Symbole aus:

Das ist mein Code dazu, er passt so bei dir natürlich nicht.

CSS

#tracking-protection-icon-animatable-image { 
    background: url("../Icons/2.png") !important;    
    }
    
    
#urlbar[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
    background: url("../Icons/1.png") !important;
    }