Symbole in den Kontextmenüs [ Update ]

  • So, 2002Andreas & Horstmann !

    Ich habe die Vektorgrafiken im Code überarbeitet!

    Sie sollten nun im Explorer sichtbar sein, auch habe ich einigen Grafiken zum Test im Code "komisch" gelassen.

    Sie sind aber mit Test im Namen gekennzeichnet, und man sieht es ihnen auch an.

    Wenn es irgendwie machbar war, habe ich den Code relativ, vom Aufbau her, so gestaltet, dass sie sich gleichen.

    Nun, dann hoffe ich, dass getestet wird und warte auch Rückmeldungen.

    Das JavaScript sowie das CSS können umgeändert übernommen werden.

    icons.zip

    Mit <3lichem Gruß

    Mira

  • Bei mir gibts bei deinen Icons nicht das Problem mit der schwarz gefüllten Vorschau, das Andreas hatte.

    Ich habe es nur schon bei anderen Icons beobachten können, als ich mit .svg mal rumexperimeniert hatte, daher mein Kommentar dazu.

    Die problematischen svgs hab ich aber alle schon gelöscht, deshalb kann ich nicht 100% nachvollziehen was genau das Problem war, hatte aber irgendwas mit context-fill... zu tun.

  • getestet wird und warte auch Rückmeldungen.

    Hallo und Guten Morgen Mira_Belle.

    Angezeigt werden sie im Explorer jetzt alle, danke für deine Mühe :thumbup:

    Bei diesen 3 bekomme ich eine Fehlermeldung, wenn ich sie mit IrfanView öffnen will.

    close-more.svg

    default-browser-red.svg

    settings-orange.svg

    Das sieht dann so aus:

    Öffne ich die Icons mit dem Fx, dann passt es allerdings.

    Mach dir aber keine weiteren Gedanken darüber, genieß lieber das schöne Wetter ;)

  • Und wieder was Neues!

    Aber zuerst eine Erklärung.

    Ich habe schon wieder nicht nur neue Vektorgrafiken erstellt und hinzugefügt, sondern mich auch mal um die Symbole

    in der Bibliothek gekümmert.

    Jedoch bin ich auf zwei Probleme gestoßen.

    1. Ich kann die Symbole nicht über das JavaScript einbinden :!:

    Keine Ahnung warum, ist halt so.

    2. Nicht für alle Einträge in den Kontextmenüs habe ich Symbole und

    mir gehen die Ideen aus :!:

    Z.B. Löschen, nun ja, ist ja noch recht einfach,

    jedoch steht direkt darunter Aus Chronik entfernen.

    Wäre ja auch noch nicht so dramatisch, wenn nicht darunter stehen würde Liste leeren.

    Dreimal eine Mülltonne finde ich jetzt nicht so wirklich prickelnd.

    Oder Ähnliche Dateien immer öffnen, wie sollte denn bitte da das Symbol aussehen?

    Ähnlich Alle in Tabs öffnen, da gehen mir die Ideen aus.

    Nun habe ich für die Bibliothek, bzw, deren Symbole eine CSS geschrieben,

    die am besten dann über den Import in die userChrome.css eingebunden wird.

    Und natürlich dürfen dann auch nicht die neuen Symbole fehlen.

    Ach, und ich habe noch einmal einige Symbole überarbeitet und auch komprimiert :!:

    Ich werde immer besser darin. ^^

    icons.zip

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (4. September 2023 um 22:55)

  • Wie schon ausgeführt, beschäftige ich mich z.Z. mit den Symbolen selber.

    Habe auch etwas gebastelt, aber sehr selber.

    Vorher.

    Nachher.

    Und, was haltet ihr von meinen Kreationen?

    Für die fehlenden Symbole, die ich oben angesprochen habe, habe ich auch schon ein paar Ideen.

    Kommt noch, und dann gibt es auch wieder ein Paket.

    Mit <3lichem Gruß

    Mira

  • Hallöchen,

    bin immer noch auf Ideen angewiesen!

    Mir fehlen nur noch zwei Symbole, wo mir wirklich nichts zu einfällt.

    2002Andreas oder FuchsFan oder BrokenHeart

    Ihr benutzt doch auch hier und da im Firefox Symbole, bzw Icons?!

    Zitat

    Ähnliche Dateien immer öffnen ... .downloadAlwaysOpenSimilarFilesMenuItem

    &

    Liste leeren ... #downloadsContextMenu > menuitem:nth-child(14)

    Und bei Letzterem Selektor, wie friemele ich den noch mal um,

    damit die ID mit reingewurschtelt wird?

    Mit <3lichem Gruß

    Mira

  • Und bei Letzterem Selektor, wie friemele ich den noch mal um,

    damit die ID mit reingewurschtelt wird?

    [data-l10n-id="downloads-cmd-clear-downloads"]


    Mir fehlen nur noch zwei Symbole

    Evtl. von hier

    Clear SVG Vectors and Icons - SVG Repo
    Free transparent Clear vectors and icons in SVG format. Free download Clear SVG Icons for logos, websites and mobile apps, useable in Sketch or Figma. Browse…
    www.svgrepo.com

    oder hier:


    Delete SVG Vectors and Icons - SVG Repo
    Free transparent Delete vectors and icons in SVG format. Free download Delete SVG Icons for logos, websites and mobile apps, useable in Sketch or Figma. Browse…
    www.svgrepo.com

    Mit freundlichem Gruß
    Andreas
    Mein Laptop  Meine Add-ons

    2 Mal editiert, zuletzt von 2002Andreas (9. September 2023 um 09:35) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • 2002Andreas

    Vielen Lieben Danke für die Symbolvorschläge.

    Für "Liste leeren" habe ich nun etwas gefunden, also eine Vorlage, die ich umsetzen kann (und muss).

    Für "Ähnliche Dateien immer öffnen" habe ich leider noch nichts.

    Ich habe aber auch so gar keine Idee, wie so ein Icon oder Symbol aussehen müsste (könnte).

    Ach, und danke auch für das mit dem Selektor!

    Das hatte ich zwar im Hinterkopf, nicht ausprobiert und war mir halt auch nicht so sicher.

    Ich muss mir das unbedingt irgendwo notieren.

    Dieses Wochenende wird hier, so glaube ich, nicht mehr viel passieren.

    Bin noch dabei, neue Symbole zu kreieren und zu bearbeiten.

    Danach geht's ans "Aufräumen" und Ausmisten alter nicht benötigter Symbole,

    auch müssen die Codes bereinigt und aktualisiert werden.

    Mit <3lichem Gruß

    Mira

  • Für "Ähnliche Dateien immer öffnen" habe ich leider noch nichts.

    Hier gibt es auch noch viele Icons.

    Free icons for website with commercial use no attribution PNG and SVG Vector Free Download
    Free icons for website with commercial use no attribution PNG and SVG free use any commercial projects no attribution required.
    uxwing.com

    Ansonsten evtl. diese in der .zip Datei :/

    Icons.zip

    Bin noch dabei

    Dann hast du ja noch einiges zu tun.

    Du solltest besser das schöne Wetter nutzen, und andere Dinge machen ;)

  • Dann hast du ja noch einiges zu tun.

    Du solltest besser das schöne Wetter nutzen, und andere Dinge machen ;)

    Ja, weiß ich, deshalb schrieb ich ja "Dieses Wochenende wird hier, so glaube ich, nicht mehr viel passieren." ;)

    Ich sammle ja gerade auch nur noch Ideen ein,

    und nur wenn ich Zeit und Lust habe, setze ich mich abends, oder Nachts, wenn mich meine Schlafstörungen

    mal wieder nicht zur Ruhe kommen lassen, hin und mache ein bisschen was.

    Ach und danke für das ZIP, wo ich diese Grafiken sehe, da kommen mir doch glatt Ideen, wie das Symbol aussehen könnte.

    Mit <3lichem Gruß

    Mira

  • Tada :!:

    Es ist so weit!

    Es gibt "neue" Symbole in Form von Vektorgrafiken.

    Außerdem habe ich ausgemistet!

    Der Code des JavaSkripts wurde schon angepasst,

    das CSS liefere ich hier noch nach.

    Auch das CSS für die Symbole in der Bibliothek ist fertig.

    Und hier das CSS für die Bibliothek:


    Und die "neuen" Grafiken dürfen auch nicht fehlen!

    icons.zip

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (12. September 2023 um 10:51)

  • dass der Pfad zu allen Symbolen einfacher zu ändern ist.

    Habe nicht alles dazu gelesen, aber ein kleiner Hinweis:

    Wenn der Pfad EINMAL in einer Variablen angelegt wird, kann diese Variable in allen Verweisen zu den Symbolen angewendet werden. Vorteil hierbei : nur eine Zeile ist ggf. anzupassen.

    In meinen Scripts sieht das so aus:

    Code
        // wer kein Icon möchte kann die nächsten drei Zeilen auskommentieren / löschen
        var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
        var buttonicon = "googletranslate.png";
        menuitem.style.listStyleImage = 'url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '")';

    In dem Codeschnipsel wird auch der Pfad, der von Windows zurückgegeben wird, richtig formatiert (wegen Backslash).

    Der Teil mit /chrome/icons/ kann ja auch noch in einer Variablen untergebracht werden und ist dann ebenfalls leicht anzupassen.

    Ob und wie das in CSS ggf. realisiert werden kann, weiss ich nicht.

    FF 115.x ESR auf Win10 Pro 64bit

    FF 115.x ESR auf Linux Mint

    Einmal editiert, zuletzt von Thomas S. (27. September 2023 um 10:53)

  • Habe nicht alles dazu gelesen, aber ein kleiner Hinweis:

    Wenn der Pfad EINMAL in einer Variablen angelegt wird, kann diese Variable in allen Verweisen zu den Symbolen angewendet werden. Vorteil hierbei : nur eine Zeile ist ggf. anzupassen.

    Das ist soweit richtig!

    Wenn Du aber aufgepasst hättest, wäre Dir aufgefallen, dass ersterer Code ein JavaScript ist,

    und dass es dort eben auch eine Variable für den Pfad gibt!

    Und es muss auch diese Version der Variable sein, da sie in CSS eingebunden wird.

    Andern Falls müssen die Unterordner nämlich immer in die Pfadangabe im CSS mit angegeben werden!

    Der zweite Code ist CSS, da ist es mir nicht gelungen diesen in das JavaScript mit einzubinden,

    denn dieser wirkt an ganz anderer Stelle.

    Mir ist nicht bekannt, dass es in CSS auch Variablen oder ähnliches gibt.

    Wenn Du Dich mit JavaScript gut auskennst, dann gebe mir doch mal einen Tip, wie ich es hinbekomme.

    Es hat irgendetwas mit Zeile 14 zu tun, aber was?

    dass die Symbole unter

    Code
    @-moz-document url(chrome://browser/content/browser.xhtml),

    das sind die im Skript,

    UND die Symbole im CSS,

    Code
    @-moz-document url-prefix("chrome://browser/content/downloads/contentAreaDownloadsView.xhtml"),
                   url-prefix("chrome://browser/content/places/places.xhtml")

    beide in das Skript bekomme und es dann auch funktioniert!

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (27. September 2023 um 12:34)