about-button Icons streiken im Nightly

Ich werde später noch ein paar Versuche mal starten :wink:

Bei manchen Icons scheint das anders zu sein :-??

Beim Beenden die Nachfrage...dann passt es so auch im Nightly:

.dialog-button[label="Abbrechen"]{
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRElEQVQ4ja1Tv2sacRR/kF8mkARvSBZBvIBDJu1tRzOc253TDXK4H0KcDnsg+KVLoRqIixlShJDNoYFCacmk7V8gJIsaonUJxh8IWu3dIvLp0PMaS9qpH3jDe7zPh/eT6H/jnIj/sr5+cuv3ox0Oox0O49bvx9e1teI5kfBP8geiREsUMTVNzPL5JbMZQ0sU8ZEo/Sy5tLKS6KoqZvk8xskkbMaWbJxMYpbPo69peL+6uizyikhoSxJsxtBRFDRlGV1VxdQ0YTOGrqqiKcvoKApsxtCUZbx+2s6nvb3iOJnESNcxKBQAAOOzM9wHg7gPBt3YoFDAMB7HxDDweX//ioi8RETeG1HESNfREkU8plJYoJvLoZfJuH4vk0HLyb0RRSwE+KYsoy1JqPt8qHEcHlMpzC3LJc4tC71MBjWOQ93nQ0sU0ZRlEBFPRMQ3JMldWTscRo3j8P362hWYVCqocdxSTkOSQM4c+Kog4CESwUMkgrtAAN1cDn9iUCjgLhBw86qC8Fvg3cFBua9p6CiKO7DFIMenp0siHUVBX9NwGQxWFy14X3g8iYYkYaTrsEslzC0LdqmEYTyOYTyOHxcXbmyk62jKMl5ubqbdLRCRcLyzc9VVVdiMwcpmMTEMTE0TU9PExDBgZbOwGUNf02Ds7pad8r2LU/ASUUzf2CjXjo5gM/bsKTckCcceT5mIYk/JC/BEFDskKr7Z2qpWQiHUo1HUo1FUQiG83d7+dkhUdMj83/7J65SWoF9Pc+JY2oktlU1E9BOincS+OrUWwQAAAABJRU5ErkJggg==") !important;}


      .dialog-button[label="Abbrechen"] .button-icon { margin-right: 10px !important; }

Zitat von 2002Andreas

Ich werde später noch ein paar Versuche mal starten :wink:

Immer langsam. Deine Nacht war sehr kurz. Oder bist du irgendwo in Ostasien, wo schon morgen ist? Aber ich weiß schon, so etwas lässt dir keine Ruhe.

Ich habe gerade mal nachgesehen: list-style-image ist vielleicht nur eine Art Notlösung für diesen Zweck, denn eigentlich wird das für ein Aufzählugssymbol verwendet. Jetzt ist es gewissermaßen eine Hintergrundgrafik.

Wobei der nicht funktioniert im Nightly: :-??

Gesamte Chronik anzeigen:

#menu_showAllHistory{
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRElEQVQ4ja1Tv2sacRR/kF8mkARvSBZBvIBDJu1tRzOc253TDXK4H0KcDnsg+KVLoRqIixlShJDNoYFCacmk7V8gJIsaonUJxh8IWu3dIvLp0PMaS9qpH3jDe7zPh/eT6H/jnIj/sr5+cuv3ox0Oox0O49bvx9e1teI5kfBP8geiREsUMTVNzPL5JbMZQ0sU8ZEo/Sy5tLKS6KoqZvk8xskkbMaWbJxMYpbPo69peL+6uizyikhoSxJsxtBRFDRlGV1VxdQ0YTOGrqqiKcvoKApsxtCUZbx+2s6nvb3iOJnESNcxKBQAAOOzM9wHg7gPBt3YoFDAMB7HxDDweX//ioi8RETeG1HESNfREkU8plJYoJvLoZfJuH4vk0HLyb0RRSwE+KYsoy1JqPt8qHEcHlMpzC3LJc4tC71MBjWOQ93nQ0sU0ZRlEBFPRMQ3JMldWTscRo3j8P362hWYVCqocdxSTkOSQM4c+Kog4CESwUMkgrtAAN1cDn9iUCjgLhBw86qC8Fvg3cFBua9p6CiKO7DFIMenp0siHUVBX9NwGQxWFy14X3g8iYYkYaTrsEslzC0LdqmEYTyOYTyOHxcXbmyk62jKMl5ubqbdLRCRcLyzc9VVVdiMwcpmMTEMTE0TU9PExDBgZbOwGUNf02Ds7pad8r2LU/ASUUzf2CjXjo5gM/bsKTckCcceT5mIYk/JC/BEFDskKr7Z2qpWQiHUo1HUo1FUQiG83d7+dkhUdMj83/7J65SWoF9Pc+JY2oktlU1E9BOincS+OrUWwQAAAABJRU5ErkJggg==") !important;}

Zitat von milupo

so etwas lässt dir keine Ruhe.

Stimmt :wink:

Ich denke, background wird in Zukunft wohl immer benötigt.
Evtl. ist ja im Nightly noch nicht alles umgestellt worden bezüglich der Icons :-??

Zitat von 2002Andreas

Ich denke, background wird in Zukunft wohl immer benötigt.
Evtl. ist ja im Nightly noch nicht alles umgestellt worden bezüglich der Icons :-??

Ich weiß auch nicht. Aber eins können wir tun: Wir einigen uns in Zukunft auf background, falls ich dir mal wieder ins Handwerk pfuschen sollte. Dadurch vermeiden wir Verwirrung bei den Nutzern, denen wir helfen. Und wenn andere helfen wollen, werden sie darüber informiert.

Zitat von milupo

Aber eins können wir tun:

Gute Lösung :klasse:

So, jetzt aber erstmal Pause für mich. :wink:

Dir noch einen schönen Abend dann.

Zitat von 2002Andreas

Gute Lösung :klasse:

So, jetzt aber erstmal Pause für mich. :wink:

Dir noch einen schönen Abend dann.

Hast du dir verdient.

Gleichfalls schönen Abend.

Ich schreibe doch noch schnell etwas, ehe ich es vergesse, aber es ist nur eine Vermutung:

In den Beiträgen #37 und #44 wird list-style-image auf ein XUL-Element (menuitem) bzw. eine ID (#menu_showAllHistory) angewendet. Hier funktionert list-style-image im Nightly nicht. Im Beitrag #42 wird aber list-style-image auf eine Klasse (.dialog-button) angewendet. Das könnte den Unterschied bei der Funktionsweise ausmachen. Aber wie gesagt, es ist nur eine Vermutung. Könnte auch Zufall sein.

Zitat von milupo

Das könnte den Unterschied

Wäre gut möglich.

Z.B. dieser kleine Pfeil:
[attachment=0]Screenshot (339).png[/attachment]

wird auch im Nightly so angesprochen:

menupopup#ExtraConfigMenu-popup menu:hover >.menu-right{	
 list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADPUlEQVR42mWTbWgUVxSG33tn5maz69rE7MYtGzF2xWiSgloRQWq1ftBE0YClQlgU2jSUFokxfhUKFcSmxfijpZTWalvoQn+kfqVCqW0h9oepFRqIlNBJNzTEbTaiu1mTnezunY+eGWvQOvAyM2fuec65c97L8L9rXtPRyqrYyviSmoWbFc5rKGQWS1IfGUt9N6MPXMxf+8x8dD179KV2/zdttdFIz32j9NRYOgPbDTqAUDli0RA0hf05PDK6784XbTeeACzrOn8iGAi8M5rOQlEEuKKAMe59c2wbliXpwUJDbXUhOXZ7V+rTvVfnAJHXv2wJh8MXUnfzTBVlUFUXoIFz7jZAAAuWKWHKoqel0cop/Y+hxlzvkRQrW/MKj73Yqk9kjZgm/Hhrax1yRQeXhrIEULwtVJQzJF6tx55PbiB1LwduS1QEtM/107vbWaDl5AvhxXX905Qkyvw43LwcndueQe/vd9H94ySKpo3IPI6fOxrw/PvXMTKRgSwYCPrYzJ3BqyEWeu2rYxZTu1WqLnwBHGpahgNbar29D08WcbgvDSklfnhzKTae+g0j/9xDqWhAhYn7Y7fWsPn7zvVwzdflVn8I6Ni8eG4y0wULb19J4+OXo9jUcxO6C6AOLDmLwoT+EvPHz7xLycc1SnYhh5rqqIMHANt2cGYgi8u3svj+jdh/HWSogzxBSGl9PStv6d6pVUYvC58f2sN/sHUJMoaJY30pXB/NIxJk+Gn/Cmz4YGAOIIuGLCZ/DTGxbm+5qNs4TtWrVFGOIzvqsWl5NTp6/8LktO056en5Cq51rcb6937xAJRMmu3Lf922y/MBbeOgKnynNeFDfU0I4zmTXEhGIh+4Y1SYjW31lbgyeBuGQcmlgmnOZNbOfntw0ANoq3Zz0dh0UdXKdiqagOIZSQVnrpEcz4m2ZZKZSq6RHFKnkWj/8DErR7Z3Clnd8JF01Hauasw10ZyVnQcA25J5H7cO0Fk4+9hZSCQSMbotMqRTkZyyt9xM23v0LBbkSvAQYT/sxir293ML+blokA0LhU1ReDwejydZa2sra25ufpYCLqSCFCQJUsCiMTIqwZlXJ0+SrjVILiDZ398/9C+BxGPXQXJ2bQAAAABJRU5ErkJggg==") !important;
  -moz-image-region: rect(0px 15px 15px 0px) !important;
   }

Während alle anderen Icons background haben und brauchen.

Ändere ich den Pfeil auf background, funktioniert er nicht.

Zitat von 2002Andreas

wird auch im Nightly so angesprochen:
Während alle anderen Icons background haben und brauchen.

Wenn meine Theorie stimmt und dein Beispiel dazu passt, würde es auch reichen, wenn die Klasse am Ende der Selektorenkette steht.

Evtl. kann Sören uns ja genaueres dazu sagen wenn er die Beiträge hier lesen sollte.

Was genau ist die Frage und was sind die exakten Schritte, die ich durchführen muss, um das Problem zu reproduzieren? Ich hab keine Zeit, mir vier Seiten durchzulesen.

Hallo Sören...

warum es im Nightly manchmal heißen muss:

list-style-image: url

und bei anderen dann:
background:url

um Icons einzufügen.

PS:
danke für deine Hilfe :klasse:

Es geht um folgendes:

Bei der Einbindung von Symbolen ohne -moz-binding kann man list-style-image: url (so bisher immer) oder background: url verwenden. Im Nightly funktioniert das mal mit list-style-image und mal nicht. Woran liegt das?

In Beitrag Nr. 50 sieht man das gut.

Der kleine Pfeil braucht einen anderen Eintrag als alle anderen Icons in dem Script.

Meine Theorie:

Anwendung von list-style-image auf XUL-Elemente oder IDs: Funktioniert im Nightly nicht
Anwendung von list-style-image auf CSS-Klasse: Funktioniert im Nightly (siehe Andreas' Pfeil)

2002Andreas: In Zeile 103 der extra_config_menu.css hast du die beiden Klassen .uProfMenu_ucjs und .uProfMenu_ucxul. Es sind Klassen. Ich habe jetzt da einfach mal background: url durch list-style-image: url ersetzt. Da waren die Symbole (Untermenü Skripte) weg. Hätte ich da noch etwas ändern müssen, was nur mit list-style-image funktioniert? Ansonsten stimmt meine Theorie nicht mehr.

Zitat von milupo

Hätte ich da noch etwas ändern müssen

Nein. Es funktioniert einfach nicht mit nur list-style-image.