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, LibreOffice Onlinehilfe, 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, LibreOffice Onlinehilfe, 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!

    Gruß,
    D. Büssen

    Firefox 125.0.1 + Nightly 127 (WIN 10 - 64 bit)

    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:

    Zitat von Büssen

    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, LibreOffice Onlinehilfe, WordPress

    Zitat von BrokenHeart

    Vielen Dank! Super Service...

    Gern geschehen.

    Zitat von BrokenHeart

    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, LibreOffice Onlinehilfe, WordPress

    Zitat von milupo
    Zitat von Büssen

    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! :)

    Gruß,
    D. Büssen

    Firefox 125.0.1 + Nightly 127 (WIN 10 - 64 bit)

    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, LibreOffice Onlinehilfe, WordPress

    Hust, Reusper....

    Das Original ist von mir.

    Siehe Github: https://github.com/Endor8/CSS/tre…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 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.2
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (19. November 2019 um 22:14)

    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, LibreOffice Onlinehilfe, WordPress

    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! :)

    Gruß,
    D. Büssen

    Firefox 125.0.1 + Nightly 127 (WIN 10 - 64 bit)

    Zitat von Endor

    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, LibreOffice Onlinehilfe, WordPress

    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, LibreOffice Onlinehilfe, WordPress

    Endor, vielen Dank!:thumbup:

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

    Zitat von Endor

    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 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.2
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (22. November 2019 um 16:35)