Icons in Hamburger-Menü und den anderen Menüs einbauen.

  • Aber ich teste weiter auch wenn ich weiss dass ich es nicht hinkriege.

    Sei aber nicht enttäuscht, wenn du es doch hinkriegst. :)

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

  • Boersenfeger hat in seinen Css-datei für Hamburger-menü das so eingetragen..

    /* AGENT_SHEET */

    @import "Submenu-Chronik.css";

    @import "Submenu-Hilfe.css";

    @import "Submenu-Sonstige.css";

    @import "Submenu-Webentwickler.css";

    /* Hamburger Panel Anfang */

    /* Ausblenden */

    #appMenu-bookmarks-button,

    #appMenu-history-button,

    #appMenu-help-button,

    #appMenu-downloads-button {

    display: none !important;

    }

    /* Separatoren entfernen */

    #appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {

    display: none !important;

    }

    ich hab im *Ausblenden* das #appMenu-help-button eingetragen, aber es zeigt immer noch an. Und von dort will ich auch *Weitere Werkzeuge* entfernen..

    warum geht das nicht? :)

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • warum geht das nicht?

    Weil die Bezeichnung nicht stimmt ;)

    CSS
    #appMenu-more-button2,
    #appMenu-help-button2 {
      display: none !important;
    }

    Besten Dank.

    Wenn ich dort mit dem Maus auf *daten sychronisieren und speichern* und *Zoom* gehe wird es weiss, wie kann ich das noch ändern? :D

    würde es gerne so haben wie beim *neuer tab* button.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • wie kann ich das noch ändern?

    Meinst du das so?

    CSS
    #appMenu-zoom-controls2:hover,
    #appMenu-fxa-text:hover {
      background: lightgrey !important;
    }

    nein, so wie beim 2.ten bild von mir. habs editiert.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • Teste bitte:

    CSS
    #appMenu-fxa-label2:hover {
      background: lightgrey !important;
    }

    Farbe wenn dann anpassen.


    Bei Zoom und hover sieht das hier so aus: :/

    hab es in einem Css-datei reinkopiert funkt aber nicht.

    #main-menubar menupopup menu:hover,

    #main-menubar menupopup menuitem:hover {

    color: black !important;

    }

    #appMenu-fxa-label2:hover {

    background: blue !important;

    }

    das ober hab ich auch von dir.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • funkt aber nicht.

    ahhh.. hab jetzt gesehen.. das *Anmelden* button wird blau aber das vorne nicht..

    und das mit zoom auch nicht..

    oben: wenn ich auf *anmelden* gehe mit maus wird es blau. wenn vorne neben icon gehe mit maus bleibt es weiss.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • sieht es aus wie meinem beitrag nr. 71

    Kannst du bitte mal den kompl. Code von dir bezüglich dem Hamburger Menü posten.

    Also mit den Icons und dem blauen Hintergrund.

    hab die code jetzt so gemacht:

    #main-menubar menupopup menu:hover,

    #main-menubar menupopup menuitem:hover {

    color: black !important;

    }

    #appMenu-zoom-controls2:hover,

    #appMenu-fxa-text:hover {

    color: black !important;

    background: blue !important;

    }

    und so sieht es aus:

    und das ist die Code von Boersenfeger


    HamburgerIconsDivAusgeblendet.zip

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • so sieht es aus:

    In Zeile 11 sprichst du #appMenu-fxa-text:hover an mit Hintergrund blau, was nicht funktioniert.

    In Zeile 56 sprichst du den selben Wert an, und da muss dann die Farbe angegeben werden:

    background: blue url(....

    Wobei in deinem Code nichts ist, was den kompl. Hintergrund blau und die Schrift dann weiß färbt.

    Du musst also noch einen weiteren Code nutzen.

    Der Hintergrund für Zoom wird in Zeile 209 festgelegt:

    background: #efefef url(...

    Es ist immer schwierig nachzuvollziehen was jemand genau möchte, wenn der kompl. Code fehlt.

    Bei diesem Code wäre zumindest bei hover der Hg immer gleich.

    Hamburger.zip

  • Noch etwas.

    Du sprichst den Eintrag Zoom mit:

    label.toolbarbutton-text:nth-child(1) {

    an.

    Nachteil, sollte Mozilla mal einen neuen Eintrag erstellen, oder einen vorhandenen entfernen, dann passt der Code nicht mehr wegen der (1).

    Besser wäre also ihn direkt anzusprechen:

    #appMenu-zoom-controls2

    Weitere Möglichkeit wäre noch:

    #appMenu-popup label[value="Zoom"]

  • ich benütze zusätzlich noch das hier..

    die CSS, die ich dir geschickt habe also oben gepostet habe ist von Boersenfeger.

    Ich verstehe leider nichts von coden.

    Firefox Color – Holen Sie sich diese Erweiterung für 🦊 Firefox (de)
    Laden Sie Firefox Color für Firefox herunter. Build, save and share beautiful Firefox themes.
    addons.mozilla.org

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • Kannst du mir evtl sagen wie ich in dem Code wo du hier gepostet hast zuletzt,

    den Button (hintergrund von : Anmelden) verkleinern kann?

    Ich meine den Hellblauen button.

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2

  • verkleinern kann?

    Teste bitte, und pass die die Werte wenn dann an:

    CSS
    #appMenu-fxa-label2 {
      max-width: 65px !important;
      font-size: 10px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    also eine separate CSS-Datei erstellen?

    "Klug sein hat noch nie einen Menschen an Dummheiten gehindert." Stefan Zweig
    Firefox-Version: 124.0
    Edition: Windows 11 Home (64-Bit-Betriebssystem)
    Version: 23H2