Firefox 71.0 b10 - Tabs haben sich geändert?

  • Hier ist noch ein Bildschirmfoto:


    Ü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 und WordPress

  • Da bekommt man richtig Lust, sein Hamburger-Menü auch etwas aufzuhübschen. Die Icons gefallen mir auch richtig gut. :)


    Habe die hier geposteten CSS-Codes (Hamburger.txt) bei mir eingefügt, aber da fehlen noch die Icons für die Untermenüs. Könnte da jemand den kompletten CSS-Code/Link posten oder zumindest eine Quelle für die Icons nennen. Das wäre sehr nett...:thumbup:


    PS: Eine Sache ist mir bei dem hier geposteten Code aufgefallen: Wenn man sich in einem Untermenü befindet und über den oberen 'Zurück-Pfeil' ( < ) wieder in das übergeordnete Menü will, dann reagiert dieser Pfeil nur im äußersten linken Bereich auf einen Mausklick ?!:/

  • Hallo BrokenHeart, da der Code alleine von der Hauptdatei sehr lang ist und die Zeichenanzahl des Code-Kastens begrenzt ist, habe ich mal eine zip-Datei gepackt:


    hamburgermenue.zip


    Die Zip-Datei enthält die Hauptdatei Hamburger-Panel.css und die fünf Dateien für die Untermenüs.

    Ü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 und WordPress

  • milupo


    Vielen Dank für beide Code, die ich gleich mal in der Beta10 probiert habe:


    was auffällt, dass Icon "Schutzmaßnahmen sich auch nicht bei Änderung (pixel) richtig einordnet. In deinem Bild sieht es ähnlich aus.

    Wäre nicht schlimm - trotzdem vielen Dank!

  • milupo :


    Vielen Dank! Super Service... :)


    Ich bin aber anscheinend zu blöd, die CSS-Importe für die Untermenüs ins richtige Verzeichnis zu befördern. Die Icons für die Untermenüs will er mir nicht darstellen :/. Sind bei mir im gleichen Verzeichnis wie Hamburger-Panel.css.


    Na ja, werd ich auch noch hinkriegen...


    Edit: Jetzt geht's :). Keine Ahnung warum. Habe einfach nochmal gestartet...sieht Klasse aus...:thumbup:

  • was auffällt, dass Icon "Schutzmaßnahmen sich auch nicht bei Änderung (pixel) richtig einordnet. In deinem Bild sieht es ähnlich aus.

    Wäre nicht schlimm - trotzdem vielen Dank!

    Ja, das liegt an der Breite des Symbols. Momentan schließt das Symbol rechts mit den anderen Symbolen ab. Wenn es links abschließen soll, musst du es nach rechts rücken, also padding-left erhöhen (erste Regel). Dadurch verringert sich aber der Abstand zum zugehörigen Text, der aber auch wiederum links mit den anderen Texten abschließen muss. Die einzige Lösung wäre padding-left für das Symbol dieses Eintrags so weit erhöhen, dass links mit den anderen Symbolen abgeschlossen wird und alle Texte dann etwas nach rechts zurücken (dritte Regel), damit jeder Eintrag den gleichen Abstand zwischen Symbol und Text hat.

    Ü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 und WordPress

  • Vielen Dank! Super Service...

    Gern geschehen.

    Sind bei mir im gleichen Verzeichnis wie Hamburger-Panel.css.

    So muss es auch sein. In die userChrome.css hast du die entsprechende @import-Regel eingetragen? Es reicht der Eintrag für die Hamburger-Panel.css, denn diese Datei importiert ja die anderen Dateien.

    Ü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 und WordPress

  • was auffällt, dass Icon "Schutzmaßnahmen sich auch nicht bei Änderung (pixel) richtig einordnet. In deinem Bild sieht es ähnlich aus.

    Wäre nicht schlimm - trotzdem vielen Dank!

    Ja, das liegt an der Breite des Symbols.

    Habe mich entschlossen, diese kleine Ungenauigkeit einfach zu übernehmen. Es stört nicht weiter.

    Inzwischen habe ich auch deine ZIP-Datei (#23) entblättert und bei mir eingebaut (mit den 5 weiteren Dateien).

    Wie die "Hamburger" so vielseitig zaubern können - dafür auch mein Dankeschön! :)

  • Was mich aber doch mal interessieren würde, wo das Original zu finden ist. Ich tippe ja ganz stark auf Aris, aber da habe ich die Dateien nicht gefunden. Ich weiß auch nicht, wie die Hauptdatei original heißt.

    Ü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 und WordPress

  • Hust, Reusper....

    Das Original ist von mir.

    Siehe Github: https://github.com/Endor8/CSS/…r/Firefox/Hamburger-Panel


    Habe mittlerweile hier die beiden fehlenden eingebaut, Untermenü auch,

    aber ein Untermenü fehlt noch, klick ganz oben bei Bei Firefox anmelden.

    Das muss ich erst noch machen. Wenn alles passt werde ich den Code bei Github dann aktualisieren.



    Das muss ich noch machen:


    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor ()

  • Bitte alle eure Danke an Endor richten bzw. umleiten. :-D

    Ü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 und WordPress

  • Hallo milupo.

    Danke, aber das wäre nicht ganz richtig, denn auch 2002Andreas hat mir dabei sehr geholfen, aber auch andere. Daher gebührt nicht nur mir der Dank.

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Und wir als Anwender sind die eigentlichen Nutznießer der emsigen Tüftler hier im Forum. Ohne diese Helfer in manchmal schwierigen Situationen stehen wir (zumindest ich) oft im Regen.

    Deshalb danke ich auch für die uneigennützige Hilfeleistung! :)

  • So habe es geschafft, habe heute die Codes aktualisiert:

    Siehe hier: https://github.com/Endor8/CSS/…r/Firefox/Hamburger-Panel

    So sieht es bei Konto jetzt aus:




    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

  • So sieht es bei Konto jetzt aus:

    Hallo Endor, vielen Dank.


    Ist denn der Code dafür gänzlich in der aktualisierten Hamburger-Panel.css oder kommt da noch eine Submenu-Konto.css oder so dazu?

    Ü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 und WordPress

  • Alles in Hamburger-Panel.css

    Habe das nicht extra in eine eigene Datei gepackt.

    Achja. die Datei

    Submenu-WebEntwickler.css

    habe ich auch aktualisiert.

    Da war einiges durcheinander.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Danke. :thumbup:

    Ü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 und WordPress

  • Endor, vielen Dank!:thumbup:

    (Wenn man das mal selber gemacht hat, dann weiß man, was das für eine Arbeit ist...)


    Achja. die Datei

    Submenu-WebEntwickler.css

    habe ich auch aktualisiert.

    Da war einiges durcheinander.


    Allerdings sind im WebEntwickler-Menü die Icons immer noch recht durcheinander gewürfelt.;)

    Ich habe mal etwas sortiert:

    links Dein Original:

    rechts mit meinen Änderungen


    Außerdem habe ich ein paar Icons geändert (z.B. das Original-JavaScript-Icon, anstelle des Kaffee-Java-Icon ).

    Wenn du willst, kannst du die neuen Icons bei dir übernehmen oder die bestehenden weiterverwenden. Die falschen Zuordnungen würde ich allerdings schon korrigieren (z.B. Farbpipette usw. ).


    Hier der geänderte Quelltext für Submenu-WebEntwickler.css.

  • Das mit der Zuordnung ist etwas schwieriger, denn nicht jeder User hat

    die gleiche Anzahl der Einträge. Denn das hängt davon ab was man in den Einstellungen

    der Entwicklerwerkzeuge angehakt hat.

    Wie man sieht habe ich hier bei Laufzeitanalyse keinen Haken, daher

    passt der CSS Code wieder nicht. Danke für den Hinweis.

    Das werde ich noch ändern.

    Mfg.

    Endor

    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0

    OS: Windows 7 H. P. 64 Bit
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor ()