Ich schaue mir das aber noch weiter an, vielleicht kann ich doch noch eine Lösung bauen.
Es wäre zwar gut zu wissen, wie das geregelt werden kann, aber ich bin auch mit der jetzigen Lösung voll und ganz zufrieden.
Danke, für deine Bemühungen.
Ich schaue mir das aber noch weiter an, vielleicht kann ich doch noch eine Lösung bauen.
Es wäre zwar gut zu wissen, wie das geregelt werden kann, aber ich bin auch mit der jetzigen Lösung voll und ganz zufrieden.
Danke, für deine Bemühungen.
Ich teile dir hier mit, mache dir nicht mehr die Mühe , um die Verlagerung der Button. Lohnt sich nicht.
Ich habe kurz überlegt, was du hier RE: Ansicht "Erweiterungen verwalten" mitgeteilt hast, erscheint mir sinnvoll. Danke!
Das ist dabei raus gekommen:
Meinst du das so?
Genau das habe ich gemeint. Ist ja doch komplizierter wie angenommen.
Ein großes Dankeschön an dich.
Und in Zeile 27 diesen Eintrag entfernen:
Den darf ich nicht entfernen, dann sieht es so aus:
Den darf ich nicht entfernen
Siehe meinen Screenshot in dem Beitrag, da hatte ich den Teil entfernt.
Denn der spricht ja alles pauschal an.
Denn der spricht ja alles pauschal an.
Dazu hätte ich auch sagen müssen , dass ich für jede Rubrik die Länge einzeln angepasst habe. Der besagte Eintrag .card, hat nur noch für Themes seine Bedeutung, weil ich die Container so lang brauche.
Dazu hätte ich auch sagen müssen
Wenn es jetzt für dich alles passt...
Eine Bitte, wie muss die Adresse lauten, wenn ich nur unter "Einstellungen" die Button ansprechen möchte? Mit dem bisherigen Code ist es ja so, dass er übergreifend wirkt, wie z.B bei about:networking (habe ich inzwischen hier raus).
wenn ich nur unter "Einstellungen"
So wie es dann oben in der Adressleiste steht:
@-moz-document url-prefix(about:preferences) {
So wie es dann oben in der Adressleiste steht:
Dann habe ich bei meinen Versuchen was falsch angegeben, danke, Andreas.
Der Button ist in deinem Screenshot doch zu sehen. Oder meinst du das Icon? Dann wäre es hilfreich zu wissen, wie dein Code für die Anpassungen dieser Seite aussieht. Dieser Thread besteht bereits aus 653 Beiträgen, die man unmöglich alle prüfen kann.
Oder meinst du das Icon?
Sorry, natürlich das Icon.
So wird das Icon bis zur Version 87 aufgerufen (Teilabschnitt):
Der Pfad ist mittlerweile anders: chrome://global/skin/icons/plugin.svg
Ich verstehe allerdings nicht, wieso das Icon überhaupt Teil deiner Anpassung ist, wenn du eh das Standard-Icon verwendest.
Der Pfad ist mittlerweile anders:
Danke, Sören, jetzt ist es wieder da.
Ich verstehe allerdings nicht, wieso das Icon überhaupt Teil deiner Anpassung ist, wenn du eh das Standard-Icon verwendest.
Die Frage ist berechtigt, aber ich habe keine Antwort darauf, weil ich den Code "geschenkt" bekommen habe.
Der komplette Code für Plugins lautet so:
#categories .category[name="plugin"] {
background: #9C9C9C url("chrome://global/skin/icons/plugin.svg") no-repeat !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: #FFF !important;
padding-left: 33px !important;
}
#categories .category[name="plugin"][aria-selected="true"] {
background: #006800 url("chrome://global/skin/icons/plugin.svg") no-repeat !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="plugin"]:hover,
#categories .category[name="plugin"][aria-selected="true"]:hover {
background: #33ccff url("chrome://global/skin/icons/plugin.svg") no-repeat !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
Alles anzeigen
Ist das nicht korrekt?
So wird das Icon bis zur Version 87 aufgerufen
Ich bin mir jetzt nicht sicher, aber wenn du eh die Standard-Icons benutzt, dann brauchst du die genaue Bezeichnung dafür doch gar nicht.
.category[name="theme"] {
fill: blue !important;
color: red !important;
font-weight: bold !important;
}
#categories button.category[name="theme"] {
background-color: lightgreen !important;
}
.category[name="plugin"] {
fill: red !important;
color: green !important;
font-weight: bold !important;
}
#categories button.category[name="plugin"] {
background-color: yellow !important;
}
Alles anzeigen
Es wäre falsch zu sagen, dass der Code nicht korrekt wäre, aber unnötig kompliziert. background ist ein sogenannter Shorthand für eine ganze Reihe von Eigenschaften. Du überschreibst damit sämtliche andere background-*-Eigenschaften - auch jene, die du nicht explizit benennst. Die werden damit auf ihren Standard zurückgesetzt.
Während man das machen kann, würde ich persönlich in den meisten Situationen kein Shorthand nutzen. Aber wenn man es schon nutzt, dann ist es auch komisch, hinterher background-position sowie background-size zu nutzen, denn das könnte man dann ja auch in den Shorthand integrieren. Es gibt keinen sinnvollen Grund, erst background und dann background-position sowie background-size zu verwenden.
Aber dass du nun das Icon nicht mehr gesehen hast, ist ein schönes Beispiel für die Nachteile einer Shorthand-Eigenschaft. Die Grafik interessiert dich ja eigentlich nicht, die möchtest du offensichtlich gar nicht ändern. Wenn du also diese Zeile hier:
background: #9C9C9C url("chrome://global/skin/icons/plugin.svg") no-repeat !important;
… einfach wie folgt ersetzt:
background-color: #9C9C9C !important;
… dann änderst du nur die Farbe, ohne andere background-*-Eigenschaften zu verändern. Das Gleiche natürlich auch an den zwei anderen Stellen. Hättest du das gleich so gehabt, hätte sich die Pfad-Änderung des Icons nicht auf deine Anpassung ausgewirkt.
Oder lass uns einen anderen Fall annehmen: Du hast die Grafik gegen eine eigene Grafik getauscht und möchtest diese jetzt ändern. Mit deinem Code müsstest du jetzt an drei Stellen den Pfad ändern. Setzt du nur einmal die Grafik und änderst dann in jedem der drei Blöcke nur die Hintergrundfarbe, musst du den Grafik-Pfad nur ein einziges Mal anpassen.
Ich bin mir jetzt nicht sicher, aber wenn du eh die Standard-Icons benutzt, dann brauchst du die genaue Bezeichnung dafür doch gar nicht.
Danke, Andreas, damit werde ich mich beschäftigen.
Es wäre falsch zu sagen, dass der Code nicht korrekt wäre, aber unnötig kompliziert.
Auch ein Dankeschön an dich, Sören, das werde ich alles testen.
damit werde ich mich beschäftigen
Du kannst den Code dann auch noch verkürzen.
#categories .category[name="plugin"] {
fill: red !important;
color: green !important;
background-color: yellow !important;
font-weight: bold !important;
}
#categories .category[name="plugin"]:hover,
#categories .category[name="plugin"][aria-selected="true"]:hover {
background-color: #33ccff !important;
color: white !important;
fill: blue !important;
}
Alles anzeigen