Beiträge von Mira_Belle

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von Sören Hentzschel

    Demo-Seite: http://demo.automationtesting.in/Frames.html

    Danke Sören.

    Werde nun das Thema abschließen und ein Update des Codes und der Icons durchführen.

    Ich möchte mich nochmals bei allen Beteiligten ganz, ganz <3 lich bedanken.

    Und hier die aktualisierten Icons => icons.zip

    Wünsche viel Spaß und lasst es mich wissen, wenn Fehler oder andere Ungereimtheiten vorliegen.

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von Boersenfeger

    Der Kollege Endor hat eine riesige Sammlung mit Icons dazu...

    Danke, ist, war mir nicht neu!

    Jedoch hättest Du merken können, dass das nicht das Problem ist!

    Ich bin fast fertig, brauche aber zur Anpassung noch einen Link

    zu einer Seite (Page) die Frames verwendet.

    Und weiter oben ist auch schon ein Großteil meiner Arbeit zu sehen.

    OK, ich hatte hier hervorragende Hilfe! ;)

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Hallo,

    kennt jemand eine Page mit Frames?

    Bin zwar gestern oder vorgestern über eine solche gestolpert

    und habe festgestellt, dass ich da im Kontextmenü keine Symbole hatte.

    Wollte mir die Seite merken, weil ich es nachholen wollte,

    doch so'n Schiet, ich finde die Seite nicht mehr!

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Gruß

    Mira

    PS.

    Sollten keine Fehler mehr vorhanden sein oder niemand mehr fehlende Icons bemerken

    kommt das Update der Icons & des Codes dem nächst.

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von 2002Andreas

    Meinst du so?

    Wenn ja, dann teste bitte wenn du magst.

    Danke Andreas

    Der Code dazu schaut so aus.

    CSS
    /* Linke Tabs schließen */
#context_closeTabsToTheStart { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/Sidebar Left.svg"); }

/* Rechte Tabs schließen */
#context_closeTabsToTheEnd { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/Sidebar.svg"); }

/* Andere Tabs schließen */
#context_closeOtherTabs { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/Disabled.svg"); }

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Fertig,
    und zwar mit den Nerven. :D
    Hätte nicht gedacht, dass es trotz zweier "Vorlagen" so schwierig werden würde. 8o
    Nun ist's aber geschafft!

    Ok, es sind nicht alle Menüs komplett, das ganze Gedöhns mit Video und so,
    aber alles m.M. nach wichtige, ist angepasst und mit Icons versehen.

    Wobei, unter Mehrere Tabs schließen >, wenn man mit rechts auf einen Tab klickt, fehlen mir leider passende Icons!
    Wer also was Passendes hat, her damit :!:
    Auch bin ich mit dem Icon unter Bearbeiten / Wiederherstellen nicht wirklich glücklich.

    Also, hier der Code, für alle, die es sich mal anschauen wollen.

    Es wäre schön, wenn jemand den Code noch einmal Korrektur lesen würde. (Bitte <3 )

    Icons habe ich Neue dabei => icons.zip

    Auch habe ich mir Mühe gegeben wo es m.M. von Nöten war zu kommentieren.

    Ja, ich weiß, ich habe da was ausgelassen. ;)

    Sollte ich die Muse finden, werde ich es nachholen. :/

    Wenn es Korrekturen, Ergänzungen oder was auch immer geben sollte,

    reiche ich sie hier in diesem Thread nach und mache es in der Überschrift mit „Update“ erkenntlich.

    Ach ja, fast hätte ich es vergessen!

    In der Menüleiste habe ich ja KEINE Icons integriert, gefiel mir nicht.

    Wenn gewünscht, liefere ich den Code nach.

    Und was ein Käse, stelle gerade fest, es fehlen Icons, hier!

    Wenn man den Text markiert. Misst!

    Es wird also definitiv ein Update geben.

    Gruß

    Mira

    Hier der Nachtrag!

    und habe in Zeile 397 das Icon ausgetauscht!

    CSS
        /* Wiederherstellen */
    #menu_redo { background-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/refresh-cw.svg"); }

  • Symbole in den Kontextmenüs [ Update ]

    Geschafft!

    Habe die menu_icons.css zerlegt und Stück für Stück "analysiert". ;)

    Es lag an folgenden Einträgen:

    padding-inline-start: 25px !important; in Zeile 15 "meiner" Lesezeichen.css.

    Diese musste gelöscht (ausgeklammert) werden.

    Sowie an margin-left: 25px !important; Zeile 355 & background-position: 0 center !important; Zeile 356.

    Beide Zeilen wurden durch padding-inline-start: calc(1em + 24px) !important; und

    background-position: left 1em center; ersetzt.

    Jetzt passt es.

    Nun geht es an die Submenüs der Menüleiste!

    Die Leiste selber möchte ich so behalten wie sie ist!

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von grisu2099

    Teste mit einem kleineren Wert bei margin-left... :/

    Ja, das ist möglich und die Icons samt Beschriftung wandern wieder näher an den Rand, aber

    dann habe ich ja wieder das Problem mit .... margin-left: 2px !important;

    ... dem Eintag "Menüleiste".

    Wie ich schon schrieb, der Autor der menu_icons.css hat es ja auch irgendwie hinbekommen.

    Halt ohne diesen Code, irgendwie anders.

    Gruß

    Mira

    Und so schauts mit margin-left: 25px !important; aus.

  • Symbole in den Kontextmenüs [ Update ]

    Danke Andreas.

    Nun ja, mit

    CSS
        menupopup > menuitem,
    menupopup > menu {
        appearance: none !important;
        padding-block: 2px !important;
        padding-inline-start: 25px !important;
    }

    in meiner Lesezeichen.css

    und

    Habe ich jetzt "alles" auf Linie,

    aber ...

    es sieht bescheiden aus!

    Add Tabs wäre dann normal, so wie ich es gerne hätte!

    In diesem CSS hat der Autor es hinbekommen. => menu_icons.zip

    Ich habe nur noch nicht rausgefunden, wie!

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Tabskontextmenüs

    Was mir so gar nicht gelingen will,

    ist das "Menüleiste" an gleicher Stelle steht, egal ob aktiviert oder deaktiviert.

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von 2002Andreas

    Ich habe das mal so gemacht:

    ...

    :thumbup: :thumbup: :thumbup: :thumbup: :thumbup: :thumbup: :thumbup: :thumbup: :thumbup:

    Vielen, vielen Dank!

    Muss aber noch mit den Werten:

    CSS
      margin-inline-end: 0.5em !important;
  margin-left: -15px !important;

    Herum experimentieren, so stimmt es noch nicht ganz.

    Warum verhält es sich anders, wenn der Code per CSS eingebunden

    oder per Stildingens verarbeitet wird?

    Oder kommt es mir nur so vor?

    :/ :?:

    Egal, bekomme das noch hin.

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von 2002Andreas

    Laut deinen Screenshots haben die Icons von Erweiterungen einen anderen Abstand als deine neuen.

    Soll das so sein/bleiben?

    ...

    Nein, natürlich nicht.

    Danke für den Hinweis.

    Habe es erst einmal so korrigiert!

    CSS
      menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
    margin-left: 7px !important;
    background-position: left 0 center;
    background-repeat: no-repeat;
    background-size: 16px;
    -moz-context-properties: fill, fill-opacity;       
    fill: currentColor;          
}

    Aber da scheint mir noch der Wurm drinne zu sein.

    background-position: left 0 center; muss sein, weil sonst die Symbole wegspringen.

    Muss ich noch testen, ob ich das left 0 weg lassen kann.

    CSS
    #contentAreaContextMenu .menu-iconic > .menu-iconic-left,
#contentAreaContextMenu .menuitem-iconic > .menu-iconic-left {

    spricht nicht an!

    Liegt aber vielleicht an weiterem Code. :/

    Muss ich auch noch testen.

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Zitat von grisu2099

    Na dann:

    ...


    dazu die normalen Menüeinträge...

    ...ohne Anspruch auf Vollständigkeit... :P :D

    Moin und DANKE.

    Die Liste bin ich gerade mal durchgegangen.

    Da sind ja Menüs dabei, die habe ich ja noch nie genutzt, geschweige denn gesehen. ^^

    Ob ich die ALLE dann auch anpassen werde? :/

    Adressleiste, ja, aber nur die Subs.

    Tableiste, ja.

    Menüleiste, glaub' ich auch, wahrscheinlich aber nicht alles. :/

    Rechtsklick Adress- und Suchfeld, wahrscheinlich.

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Der erste Teil ist geschafft!

    Wenn man ins Leere klickt.

    Wenn ein Text markiert wurde.

    Wenn eine Internetadresse markiert wurde.

    Wenn eine Grafik angeklickt wurde

    Wenn ein Link angeklickt wurde.

    Hier habe ich dem "Background-tab Link" auch noch ein Icon spendiert.

    Der Code:

    Jetzt geht es an die anderen Kontextmenüs.

    Werde also hier, in diesem Thread weiter machen.

    Wenn jemand noch Kontextmenüs findet, auf die Andreas mich nicht hingewiesen hat, nur her damit. ;)

    Gruß

    Mira

  • Symbole in den Kontextmenüs [ Update ]

    Update :!:

    12.09.2023

    Version 2.0

    Beitrag

    RE: Symbole in den Kontextmenüs [ Update ]

    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.

    (Quelltext, 836 Zeilen)

    Und hier das CSS für die Bibliothek:

    (Quelltext, 82 Zeilen)



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

    icons.zip
    Mira_Belle
    12. September 2023 um 10:33


    Ursprung

    -------------------------------------------------------------------------------------------------------------------------------------------------------

    So, es geht los!

    Hier erst einmal die Pop-ups, die ich gefunden habe als Bildchen.

    Wenn man ins leere klickt.

    Wenn ein Text markiert wurde.

    Wenn eine Internetadresse markiert wurde.

    Wenn eine Grafik angeklickt wurde.

    Wenn ein Link angeklickt wurde.

    Wenn ich jetzt nix vergessen habe, kann es losgehen.

    Jetzt gilt es, die Einträge zu finden.

    Gruß

    Mira