… aber nur bis https://bugzilla.mozilla.org/show_bug.cgi?id=1497189 einen Patch hat.
Neuen Add-ons-Verwaltung anpassen
-
edvoldi -
20. Juni 2019 um 18:01 -
Erledigt
-
-
… aber nur bis https://bugzilla.mozilla.org/show_bug.cgi?id=1497189 einen Patch hat.
Ja, eben. Drum habe ich in Beitrag #80 das Wörtchen noch verwendet. Ich hatte ja ganz am Anfang die direkte Referenz url (../icons/grafik.gif) verwendet. Es gelang mir bisher nicht, dies auf den neuen Addon-Manager erfolgreich anzuwenden. Drum habe ich vorhin doch noch mal die Base64-Grafiken ausprobiert.
Es muss doch machbar sein, normale externe Grafiken auf den Addon-Manager anzuwenden.
-
Mit welchem css Code hast Du das geschafft?
ich hatte das hier schon als erstes versucht aber ging nicht,
dann habe ich Deinen CSS Code gesehen und verwendet, bzw. dann für mich angepasst.
Mfg.
Endor -
Mit welchem css Code hast Du das geschafft?
Hallo Endor, du musst --icon als Selektor verwenden, background und list-style-image funktionieren nicht. Hier mal eine andere Grafik für die Einstellungen:
CSSpanel-item[action="preferences"] { --icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjIiIHdpZHRoPSI1LjkxbW0iIGhlaWdodD0iNS45MW1tIiB2aWV3Qm94PSIwIDAgNTkxIDU5MSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLXdpZHRoPSIyOC4yMjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6b29vPSJodHRwOi8veG1sLm9wZW5vZmZpY2Uub3JnL3N2Zy9leHBvcnQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpwcmVzZW50YXRpb249Imh0dHA6Ly9zdW4uY29tL3htbG5zL3N0YXJvZmZpY2UvcHJlc2VudGF0aW9uIiB4bWxuczpzbWlsPSJodHRwOi8vd3d3LnczLm9yZy8yMDAxL1NNSUwyMC8iIHhtbG5zOmFuaW09InVybjpvYXNpczpuYW1lczp0YzpvcGVuZG9jdW1lbnQ6eG1sbnM6YW5pbWF0aW9uOjEuMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiA8ZGVmcyBjbGFzcz0iQ2xpcFBhdGhHcm91cCI+CiAgPGNsaXBQYXRoIGlkPSJwcmVzZW50YXRpb25fY2xpcF9wYXRoIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTEiIGhlaWdodD0iNTkxIi8+CiAgPC9jbGlwUGF0aD4KICA8Y2xpcFBhdGggaWQ9InByZXNlbnRhdGlvbl9jbGlwX3BhdGhfc2hyaW5rIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTAiIGhlaWdodD0iNTkwIi8+CiAgPC9jbGlwUGF0aD4KIDwvZGVmcz4KIDxkZWZzIGNsYXNzPSJUZXh0U2hhcGVJbmRleCI+CiAgPGcgb29vOnNsaWRlPSJpZDEiIG9vbzppZC1saXN0PSJpZDMiLz4KIDwvZGVmcz4KIDxkZWZzIGNsYXNzPSJFbWJlZGRlZEJ1bGxldENoYXJzIj4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtNTczNTYiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDU4MCwxMTQxIEwgMTE2Myw1NzEgNTgwLDAgLTQsNTcxIDU4MCwxMTQxIFoiLz4KICA8L2c+CiAgPGcgaWQ9ImJ1bGxldC1jaGFyLXRlbXBsYXRlLTU3MzU0IiB0cmFuc2Zvcm09InNjYWxlKDAuMDAwNDg4MjgxMjUsLTAuMDAwNDg4MjgxMjUpIj4KICAgPHBhdGggZD0iTSA4LDExMjggTCAxMTM3LDExMjggMTEzNywwIDgsMCA4LDExMjggWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtMTAxNDYiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDE3NCwwIEwgNjAyLDczOSAxNzQsMTQ4MSAxNDU2LDczOSAxNzQsMCBaIE0gMTM1OCw3MzkgTCAzMDksMTM0NiA2NTksNzM5IDEzNTgsNzM5IFoiLz4KICA8L2c+CiAgPGcgaWQ9ImJ1bGxldC1jaGFyLXRlbXBsYXRlLTEwMTMyIiB0cmFuc2Zvcm09InNjYWxlKDAuMDAwNDg4MjgxMjUsLTAuMDAwNDg4MjgxMjUpIj4KICAgPHBhdGggZD0iTSAyMDE1LDczOSBMIDEyNzYsMCA3MTcsMCAxMjYwLDU0MyAxNzQsNTQzIDE3NCw5MzYgMTI2MCw5MzYgNzE3LDE0ODEgMTI3NCwxNDgxIDIwMTUsNzM5IFoiLz4KICA8L2c+CiAgPGcgaWQ9ImJ1bGxldC1jaGFyLXRlbXBsYXRlLTEwMDA3IiB0cmFuc2Zvcm09InNjYWxlKDAuMDAwNDg4MjgxMjUsLTAuMDAwNDg4MjgxMjUpIj4KICAgPHBhdGggZD0iTSAwLC0yIEMgLTcsMTQgLTE2LDI3IC0yNSwzNyBMIDM1Niw1NjcgQyAyNjIsODIzIDIxNSw5NTIgMjE1LDk1NCAyMTUsOTc5IDIyOCw5OTIgMjU1LDk5MiAyNjQsOTkyIDI3Niw5OTAgMjg5LDk4NyAzMTAsOTkxIDMzMSw5OTkgMzU0LDEwMTIgTCAzODEsOTk5IDQ5Miw3NDggNzcyLDEwNDkgODM2LDEwMjQgODYwLDEwNDkgQyA4ODEsMTAzOSA5MDEsMTAyNSA5MjIsMTAwNiA4ODYsOTM3IDgzNSw4NjMgNzcwLDc4NCA3NjksNzgzIDcxMCw3MTYgNTk0LDU4NCBMIDc3NCwyMjMgQyA3NzQsMTk2IDc1MywxNjggNzExLDEzOSBMIDcyNywxMTkgQyA3MTcsOTAgNjk5LDc2IDY3Miw3NiA2NDEsNzYgNTcwLDE3OCA0NTcsMzgxIEwgMTY0LC03NiBDIDE0MiwtMTEwIDExMSwtMTI3IDcyLC0xMjcgMzAsLTEyNyA5LC0xMTAgOCwtNzYgMSwtNjcgLTIsLTUyIC0yLC0zMiAtMiwtMjMgLTEsLTEzIDAsLTIgWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtMTAwMDQiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDI4NSwtMzMgQyAxODIsLTMzIDExMSwzMCA3NCwxNTYgNTIsMjI4IDQxLDMzMyA0MSw0NzEgNDEsNTQ5IDU1LDYxNiA4Miw2NzIgMTE2LDc0MyAxNjksNzc4IDI0MCw3NzggMjkzLDc3OCAzMjgsNzQ3IDM0Niw2ODQgTCAzNjksNTA4IEMgMzc3LDQ0NCAzOTcsNDExIDQyOCw0MTAgTCAxMTYzLDExMTYgQyAxMTc0LDExMjcgMTE5NiwxMTMzIDEyMjksMTEzMyAxMjcxLDExMzMgMTI5MiwxMTE4IDEyOTIsMTA4NyBMIDEyOTIsOTY1IEMgMTI5Miw5MjkgMTI4Miw5MDEgMTI2Miw4ODEgTCA0NDIsNDcgQyAzOTAsLTYgMzM4LC0zMyAyODUsLTMzIFoiLz4KICA8L2c+CiAgPGcgaWQ9ImJ1bGxldC1jaGFyLXRlbXBsYXRlLTk2NzkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMDA0ODgyODEyNSwtMC4wMDA0ODgyODEyNSkiPgogICA8cGF0aCBkPSJNIDgxMywwIEMgNjMyLDAgNDg5LDU0IDM4MywxNjEgMjc2LDI2OCAyMjMsNDExIDIyMyw1OTIgMjIzLDc3MyAyNzYsOTE2IDM4MywxMDIzIDQ4OSwxMTMwIDYzMiwxMTg0IDgxMywxMTg0IDk5MiwxMTg0IDExMzYsMTEzMCAxMjQ1LDEwMjMgMTM1Myw5MTYgMTQwNyw3NzIgMTQwNyw1OTIgMTQwNyw0MTIgMTM1MywyNjggMTI0NSwxNjEgMTEzNiw1NCA5OTIsMCA4MTMsMCBaIi8+CiAgPC9nPgogIDxnIGlkPSJidWxsZXQtY2hhci10ZW1wbGF0ZS04MjI2IiB0cmFuc2Zvcm09InNjYWxlKDAuMDAwNDg4MjgxMjUsLTAuMDAwNDg4MjgxMjUpIj4KICAgPHBhdGggZD0iTSAzNDYsNDU3IEMgMjczLDQ1NyAyMDksNDgzIDE1NSw1MzUgMTAxLDU4NiA3NCw2NDkgNzQsNzIzIDc0LDc5NiAxMDEsODU5IDE1NSw5MTEgMjA5LDk2MyAyNzMsOTg5IDM0Niw5ODkgNDE5LDk4OSA0ODAsOTYzIDUzMSw5MTAgNTgyLDg1OSA2MDgsNzk2IDYwOCw3MjMgNjA4LDY0OCA1ODMsNTg2IDUzMiw1MzUgNDgyLDQ4MyA0MjAsNDU3IDM0Niw0NTcgWiIvPgogIDwvZz4KICA8ZyBpZD0iYnVsbGV0LWNoYXItdGVtcGxhdGUtODIxMSIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwMDQ4ODI4MTI1LC0wLjAwMDQ4ODI4MTI1KSI+CiAgIDxwYXRoIGQ9Ik0gLTQsNDU5IEwgMTEzNSw0NTkgMTEzNSw2MDYgLTQsNjA2IC00LDQ1OSBaIi8+CiAgPC9nPgogIDxnIGlkPSJidWxsZXQtY2hhci10ZW1wbGF0ZS02MTU0OCIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwMDQ4ODI4MTI1LC0wLjAwMDQ4ODI4MTI1KSI+CiAgIDxwYXRoIGQ9Ik0gMTczLDc0MCBDIDE3Myw5MDMgMjMxLDEwNDMgMzQ2LDExNTkgNDYyLDEyNzQgNjAxLDEzMzIgNzY1LDEzMzIgOTI4LDEzMzIgMTA2NywxMjc0IDExODMsMTE1OSAxMjk5LDEwNDMgMTM1Nyw5MDMgMTM1Nyw3NDAgMTM1Nyw1NzcgMTI5OSw0MzcgMTE4MywzMjIgMTA2NywyMDYgOTI4LDE0OCA3NjUsMTQ4IDYwMSwxNDggNDYyLDIwNiAzNDYsMzIyIDIzMSw0MzcgMTczLDU3NyAxNzMsNzQwIFoiLz4KICA8L2c+CiA8L2RlZnM+CiA8ZGVmcyBjbGFzcz0iVGV4dEVtYmVkZGVkQml0bWFwcyIvPgogPGc+CiAgPGcgaWQ9ImlkMiIgY2xhc3M9Ik1hc3Rlcl9TbGlkZSI+CiAgIDxnIGlkPSJiZy1pZDIiIGNsYXNzPSJCYWNrZ3JvdW5kIi8+CiAgIDxnIGlkPSJiby1pZDIiIGNsYXNzPSJCYWNrZ3JvdW5kT2JqZWN0cyIvPgogIDwvZz4KIDwvZz4KIDxnIGNsYXNzPSJTbGlkZUdyb3VwIj4KICA8Zz4KICAgPGcgaWQ9ImNvbnRhaW5lci1pZDEiPgogICAgPGcgaWQ9ImlkMSIgY2xhc3M9IlNsaWRlIiBjbGlwLXBhdGg9InVybCgjcHJlc2VudGF0aW9uX2NsaXBfcGF0aCkiPgogICAgIDxnIGNsYXNzPSJQYWdlIj4KICAgICAgPGcgY2xhc3M9IkdyYXBoaWMiPgogICAgICAgPGcgaWQ9ImlkMyI+CiAgICAgICAgPHJlY3QgY2xhc3M9IkJvdW5kaW5nQm94IiBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1OTEiIGhlaWdodD0iNTkxIi8+CiAgICAgICAgPHBhdGggZmlsbD0icmdiKDAsMCwyNTUpIiBzdHJva2U9Im5vbmUiIGQ9Ik0gMjI1LDUyIEMgMjI1LDcwIDIwNyw3NyAxODksNjYgMTM2LDM0IDQxLDExOSA2MywxNzkgNzMsMjAzIDY2LDIyNSA0OCwyMjUgMjcsMjI1IDEzLDI1NiAxMywyOTUgMTMsMzM0IDI3LDM2NSA0OCwzNjUgNjYsMzY1IDczLDM4NyA2Myw0MTEgNDEsNDcxIDEzNiw1NTYgMTg5LDUyNCAyMDcsNTEzIDIyNSw1MjAgMjI1LDUzOCAyMjUsNTU5IDI1Niw1NzcgMjk1LDU3NyAzMzQsNTc3IDM2NSw1NTkgMzY1LDUzOCAzNjUsNTIwIDM4Myw1MTMgNDAxLDUyNCA0NTQsNTU2IDU0OSw0NzEgNTI3LDQxMSA1MTcsMzg3IDUyNCwzNjUgNTQyLDM2NSA1NjMsMzY1IDU3NywzMzQgNTc3LDI5NSA1NzcsMjU2IDU1OSwyMjUgNTM4LDIyNSA1MjAsMjI1IDUxMywyMDcgNTI0LDE4OSA1NTYsMTM2IDQ3MSw0MSA0MTEsNjMgMzg3LDczIDM2NSw2NiAzNjUsNDggMzY1LDI3IDMzNCwxMyAyOTUsMTMgMjU2LDEzIDIyNSwzMSAyMjUsNTIgTCAyMjUsNTIgWiBNIDMzMCw4NCBDIDMzMCwxMDEgMzY1LDExNSA0MDQsMTA4IDQ0NiwxMDUgNDg5LDEyMiA0OTksMTUxIDUxMCwxODIgNDk5LDE4OSA0NzEsMTcyIDQ0MywxNTQgNDMyLDE1OCA0NDYsMTgyIDQ2MSwyMDAgNDYxLDI0NiA0NDYsMjgxIDQyNSwzMzQgNDIyLDMzNCAzOTcsMjY3IDM1OCwxNjUgMjMyLDE2NSAxOTMsMjY3IDE2OCwzMzQgMTY1LDMzNCAxNDQsMjgxIDEyOSwyNDYgMTI5LDIwMCAxNDQsMTgyIDE1OCwxNTggMTQ3LDE1NCAxMTksMTcyIDkxLDE4OSA4MCwxODIgOTEsMTUxIDEwMSwxMjIgMTQ0LDEwNSAxODYsMTA4IDIyNSwxMTUgMjYwLDEwMSAyNjAsODQgMjYwLDYzIDI3Nyw0OCAyOTUsNDggMzE2LDQ4IDMzMCw2MyAzMzAsODQgTCAzMzAsODQgWiBNIDM1MSwyNjMgQyAzODcsMzIzIDMwNiwzOTAgMjU2LDM0MSAyMTQsMjk5IDI0MiwyMjUgMjk1LDIyNSAzMTMsMjI1IDMzNywyNDIgMzUxLDI2MyBMIDM1MSwyNjMgWiBNIDExOSwyOTUgQyAxMTksMzEzIDEwNSwzMzAgODQsMzMwIDY2LDMzMCA0OCwzMTMgNDgsMjk1IDQ4LDI3NCA2NiwyNjAgODQsMjYwIDEwNSwyNjAgMTE5LDI3NCAxMTksMjk1IEwgMTE5LDI5NSBaIE0gNTQyLDI5NSBDIDU0MiwzMTMgNTI3LDMzMCA1MDYsMzMwIDQ4OSwzMzAgNDcxLDMxMyA0NzEsMjk1IDQ3MSwyNzQgNDg5LDI2MCA1MDYsMjYwIDUyNywyNjAgNTQyLDI3NCA1NDIsMjk1IEwgNTQyLDI5NSBaIE0gMjA3LDQwMSBDIDE3OSwzNTUgMTgyLDM1NSAyMzUsMzk3IDI4NCw0MzYgMzA2LDQzNiAzNTUsMzk3IDQwOCwzNTUgNDExLDM1NSAzODMsNDAxIDM1OCw0NDYgMzYyLDQ0NiA0MDgsNDA4IDQzOSwzODAgNDc1LDM3NiA0ODUsMzk0IDUxMCw0MzYgNDIyLDUxMyAzODcsNDgyIDM3Miw0NjggMzQ4LDQ3OCAzMjcsNTA2IDI5OSw1NTIgMjkxLDU1MiAyNjMsNTA2IDI0Miw0NzggMjE4LDQ2OCAyMDMsNDgyIDE2OCw1MTMgODAsNDM2IDEwNSwzOTQgMTE1LDM3NiAxNTEsMzgwIDE4Miw0MDggMjI4LDQ0NiAyMzIsNDQ2IDIwNyw0MDEgTCAyMDcsNDAxIFoiLz4KICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgIDwvZz4KICAgIDwvZz4KICAgPC9nPgogIDwvZz4KIDwvZz4KPC9zdmc+") !important; width: 16px !important; height: 16px !important; }
Die Grafik stellt ebenfalls ein Zahnrad dar - ist bei mir aus der about-addons.css - die ich mal online in eine SVG-Datei konvertiert habe und jetzt in Base64. Vor der Konvertierung habe ich die Grafik in Libreoffice Draw geöffnet, die Farbe in Blau geändert und wieder als SVG-Datei exportiert. Erst dann habe ich sie in eine Base64-Datei konvertiert. Denn fill & Co. funktionieren nicht bei Base64-Dateien, auch wenn die aus SVG-Dateien entstanden sind.
-
Ich glaube ich habe es gefunden, bitte testen.
CSS
Alles anzeigen/* Ghost Button */ panel-item[action="toggle-disabled"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/deaktivieren.png") !important; width: 16px !important; height: 16px !important; } panel-item[action="remove"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/papierkorb_rot.png") !important; width: 16px !important; height: 16px !important; } panel-item[action="preferences"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/config.png") !important; width: 16px !important; height: 16px !important; } panel-item[action="report"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/info.png") !important; width: 16px !important; height: 16px !important; } panel-item[action="expand"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/V_grün.png") !important; width: 16px !important; height: 16px !important; }
Ihr müsst natürlich die Links anpassen.
Gruß
EDV-Oldi -
-
Danke edvoldi. Es scheint, dass nur absolute Pfade funktionieren. Ich habe relative Pfade versucht, weil die Grafiken in einem Ordner icons im Ordner chrome des Profilverzeichnisses sein sollen. Der absolute Pfad zum Profilverezichnis ist ziemlich lang.
-
Mir ging es genau so, ich hatte auch nur mit relativen Pfad versucht, das ging nicht.
Teste es dann gleich mal mit einem absoluten Pfad.
Mfg.
Endor
-
-
Kann es sein das ein Leerzeichen zwischen
" & file:
zu viel ist?
-
Du warst aber schnell. Das war es, habe es aber sofort gemerkt und geändert, Klappt dennoch nicht.
-
Habe es jetzt nur in der aktuellen Beta getestet, da funktioniert es
mit absoluten Pfad. Im Nightly befürchte ich wird es auch so nicht mehr gehen.
Da funktioniert wahrscheinlich nur die Lösung mit fill.
Mfg.
Endor
-
Bei mir funktioniert es in Thunderbird Beta 68 und in Firefox Beta68 und Nightly 69
Gruß
EDV-Oldi -
Da funktioniert nur die Lösung mit fill.
Fill hat mit dem Referenzieren nichts zu tun. Damit wird ja nur die Füllfarbe für SVG-Grafiken zugewiesen.
-
Nichts zu machen, selbst mit solch einem einfachen Pfad wie file:///D:/einstellungen.svg nicht.
-
Klappt doch! Meine Schuld. Ich habe mir in der Datei den Eintrag unter den originalen Eintrag kopiert und auskommentiert - aber leider falsch. Ich habe versehentlich das schließende Kommentarzeichen vor der schließenden geschweiften Klammer des originalen Eintrags eingefügt. Dadurch gab es eine überhängende geschweifte Klammer. Das ist natürlich ein Syntaxfehler.
Die absolute Pfadangabe funktioniert also auch mit dem Profilverzeichnis im 69er Nightly.
Danke edvoldi.
-
Ich habe den Code noch etwas angepasst,
CSSpanel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/deaktivieren.png") !important; width: 16px !important; height: 16px !important; } panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] { --icon: url("file:///D:/Seafile/Mozilla/Icons/addons.png") !important; width: 16px !important; height: 16px !important; }
so hat man für deaktivieren und aktivieren eines Add-ons ein anderes Symbol.
Gruß
EDV-Oldi -