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

Pentomino · 7. August 2019

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 · 7. August 2019

Versuch es mal mit:

Code

#tracking-protection-icon-animatable-image

Pentomino · 7. August 2019

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 · 7. August 2019

Teste bitte mal:

CSS

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

Pentomino · 7. August 2019

Hat funktioniert Besten Dank wie immer

2002Andreas · 7. August 2019

Gerne doch

Pentomino · 7. August 2019

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 · 7. August 2019

Teste bitte wieder:

CSS

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

2002Andreas · 7. August 2019

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 · 7. August 2019

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 · 7. August 2019

Bei mir muss das so aussehen:

"

bei dir ist es nur:

'

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

2002Andreas · 7. August 2019

Also so dann:

CSS

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

Pentomino · 7. August 2019

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 · 7. August 2019

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 · 7. August 2019

Meine Empfehlung:

Immer ein zusätzliches Testprofil nutzen.

Pentomino · 7. August 2019

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 · 7. August 2019

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;
    }

Teilen