Navigations-Leiste Anpassungen

2002Andreas

Zitat von Heinrich

schon voll ZUFRIEDEN !

Nur mal so, du könntest dir auch einen eigenen Text erstellen:

CSS

[data-l10n-id="protections-panel-etp-on-header"] {
  font-size: 0 !important;
   height: 20px !important;
}

[data-l10n-id="protections-panel-etp-on-header"]::after {
  font-size: 15px !important;
  color: green !important;
  content: "Aktivitätenverfolgung ist aktiviert" !important;
  margin-left: 80px !important; 
}

Alles anzeigen

Den Text musst du dir dann selber anpassen. Meiner ist nur ein Beispiel.

Besser wäre natürlich: Schutz vor..., und nicht dass die Verfolgung aktiviert ist.

Heinrich

Und da es ja laut Sören Hentzschel mit css nicht möglich ist und ich ein NEIN nur schwer akzeptieren kann bastle ich gerade daran und das sogar mit 2 Farben nur für AKTIVIERT und DEAKTIVIERT und den restlichen Text schwarz und siehe da es funktioniert !!

Wenn ganz fertig kommt der Code

Sören Hentzschel

Ich nehme mal an, dass deine „Lösung“ darin besteht, über Pseudoelemente mehrere Schichten übereinander zu legen. Das ist aber halt sehr fragil und unflexibel. Was ich meinte, was nicht möglich ist, ist wirklich das gezielte Ansprechen einzelner Teile eines Textknotens. Es gab mal einen Vorschlag für eine entsprechende Spezifikation (:contains), dieser wurde letztlich aber nicht angenommen. Und XPath kann ja leider nicht als Selektor in CSS verwendet werden. Das wäre ein ziemlich mächtiges Werkzeug.

Heinrich

Ich habe keine Ahnung was Sören meint !!

Aber bei mir funktioniert das TADELLOS .................................

Hier mal meine Variante

CSS

/*Schutzmaßnahmen PopUp Text Aktiviert und Deaktiviert Farbe ändern*/

[data-l10n-id="protections-panel-etp-on-header"] {
  font-size: 0px !important;
  height: 20px !important;
}
[data-l10n-id="protections-panel-etp-on-header"]::before {
  content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
  font-size: 12px !important;
  
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(1)::after{
  content: " AKTIVIERT " !important;
  color: green !important;
 font-size: 12px !important;
 
}
[data-l10n-id="protections-panel-etp-off-header"] {
  font-size: 0px !important;
  height: 20px !important;
}
[data-l10n-id="protections-panel-etp-off-header"]::before {
  content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
  font-size: 12px !important;
  
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(2)::after{
  content: " DEAKTIVIERT " !important;
  color: red !important;
 font-size: 12px !important;
}

Alles anzeigen

Hab es in 2 verschiedenen Firefox Versionen getestet und klappt bei BEIDEN !

2002Andreas

Zitat von Heinrich

Hier mal meine Variante

So funktioniert das auch, weil du einen eigenen Text erstellt hast.

(siehe Beitrag Nr. 21)

Es ging ja bei der Aussage darum, in einem vorhandenen Text nur ein Wort zu ändern, und das geht eben nicht per CSS.

Heinrich

Wie man zum Ziel kommt ist relativ egal Hauptsache das Ergebnis passt..................

Das man den originalen Text nicht nur teilweise ändern kann war mir klar, deshalb ja der Umweg über den eigenen Text den man dann ja nach belieben zerlegen und farblich ändern kann !!

2002Andreas

Zitat von Heinrich

Hauptsache das Ergebnis passt

Mira_Belle

Kann man das Popup noch irgendwie verbreitern?

Habe es mit ....

CSS

[data-l10n-id="protections-panel-etp-on-header"] {
  font-size: 0px !important;
  height: 20px !important;
  width: 600px !important;
}

... funktioniert aber nicht!

Heinrich

Das geht !

CSS

 #identity-popup-mainView,
#permission-popup-mainView,
    #protections-popup-mainView {
        appearance: none !important;
        min-width: 600px !important; max-width: 600px !important;
}

so klappt das..................

2002Andreas

Zitat von Mira_Belle

funktioniert aber nicht!

Wenn es nur um dieses eine Popup geht:

CSS

#protections-popup-mainView {  
  min-width: 800px !important;
}

Mira_Belle

So, ...

CSS

/*Schutzmaßnahmen PopUp Text Aktiviert und Deaktiviert Farbe ändern*/

#protections-popup {
--popup-width: 51em;
}
[data-l10n-id="protections-panel-etp-on-header"] {
  font-size: 0px !important;
  height: 35px !important;
  min-width: 500px !important; 
  max-width: 600px !important;
}
[data-l10n-id="protections-panel-etp-on-header"]::before {
  padding-left: 110px !important;
  content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
  font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(1)::after{
  padding-left: 220px !important;
  content: " AKTIVIERT " !important;
  color: green !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
[data-l10n-id="protections-panel-etp-off-header"] {
  font-size: 0px !important;
  height: 35px !important;
  min-width: 500px !important; 
  max-width: 600px !important;
}
[data-l10n-id="protections-panel-etp-off-header"]::before {
  padding-left: 110px !important;
  content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
  font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(2)::after{
  padding-left: 220px !important;
  content: " DEAKTIVIERT " !important;
  color: red !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

panel .text-link:-moz-lwtheme {
    color: limegreen !important;
    padding-left: 185px !important;
}

Alles anzeigen

... passt es.

Nur die Farbe für den Link, die müss ich noch ändern.

Danke.

Nachtrag.

Nein leider nicht!!!

Den Code in die usereCrome.css eingetragen,

wird das Popup leiter nicht in gewünschter Breite angezeigt.

Blondi hat zugeschlagen!

Und war wieder einmal zu schnell!

CSS

 !important;

Kann ja nicht funktionieren!

Heinrich

@Mira_Belle

Freut mich wenn dir meine kleine Spielerei gefällt !! immer wieder gerne ...........

Welche Link-Farbe soll denn noch geändert werden ?

Mira_Belle

Zitat von Heinrich

@Mira_Belle
Freut mich wenn dir meine kleine Spielerei gefällt !! immer wieder gerne ...........
Welche Link-Farbe soll denn noch geändert werden ?

Zeile 41! Muss mal schauen, was mir da zusagt.

_________________________________________________________________________________________

Nachtrag!

Habe noch etwas herumgebastelt und so gefällt es mir besser.

CSS

/*Schutzmaßnahmen PopUp Text Aktiviert und Deaktiviert Farbe ändern*/

#protections-popup {
--popup-width: 35em !important;
}
[data-l10n-id="protections-panel-etp-on-header"] {
  font-size: 0px !important;
  height: 50px !important;
  min-width: 300px !important; 
  max-width: 400px !important;
}
[data-l10n-id="protections-panel-etp-on-header"]::before {
  padding-left: 0px !important;
  content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
  font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(1)::after{
  padding-left: 115px !important;
  content: " AKTIVIERT " !important;
  color: green !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}
[data-l10n-id="protections-panel-etp-off-header"] {
  font-size: 0px !important;
  height: 50px !important;
  min-width: 300px !important; 
  max-width: 400px !important;
}
[data-l10n-id="protections-panel-etp-off-header"]::before {
  padding-left: 0px !important;
  content: "Verbesserter Schutz vor Aktivitätsverfolgung ist für diese Webeite " !important;
  font-size: 12px !important;
}
#protections-popup-tp-switch-section > vbox:nth-child(1) > label:nth-child(2)::after{
  padding-left: 100px !important;
  content: " DEAKTIVIERT " !important;
  color: red !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}
panel .text-link:-moz-lwtheme {
    color: #FFA500 !important;
    padding-left: 15px !important;
}

Alles anzeigen

Navigations-Leiste Anpassungen

Ähnliche Themen

Abhängigkeit der userChrome.css ....

Bestimmten TABs eine fest Breite geben ?

Lesezeichenmenü und Popup sind wieder hell und Abstände wieder groß

Tabs sind in der Höhe nur halb zu sehen