Anpassungen des "Hamburgermenüs"

Mira_Belle

Hi.

Wie schon in der Überschrift ersichtlich möchte ich das "Hamburgermenü" anpassen.

(Wie ist eigentlich die richtige Bezeichnung?)

Zuerst meine userChrome.css :

CSS

/* ----------------------------------------------------------------------------*/
/***** Abstände der Einträge in den Menüs und Lesezeichen wieder schmaler ******/
/* ----------------------------------------------------------------------------*/

menupopup > menuitem, menupopup > menu {     

    padding-block: 2px !important;
    padding-inline-start: 25px !important;
}

/* -------------------------------------------------*/
/************* aktiven Tab einfärben ****************/
/* -------------------------------------------------*/

.tab-background[selected="true"]{
    background-color:transparent!important;
    box-shadow: inset 0px 0px 40px 0px #ff8000 !important;
}

/* --------------------------------------------------*/
/***************** New Tab Icon  *********************/
/* --------------------------------------------------*/

:-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
  list-style-image: url(./image/newtab-inverted.png) !important;
  -moz-image-region: rect(2px, 15px, 16px, 1px) !important;
}

Alles anzeigen

So, wie man sehen kann, werden die Zeilenabstände in allen Menüs angepasst,

außer im "Hamburgermenü"!

Da bräuchte ich Hilfe.

Alle Menüs sind mit dunklem Hintergrund und heller Schrift,

außer im "Hamburgermenü"!

Auch da bräuchte ich Hilfe.

Ich bedanke mich schon einmal im Voraus.

Gruß

Mira

StandingBill

Zitat von Mira_Belle

(Wie ist eigentlich die richtige Bezeichnung?)

Das dicke Ding heißt jetzt Hauptmenü.

Weitere Hilfe leider nicht möglich, weil ich das Teil komplett entfernt habe und die benötigten Einträge aus der Menüleiste aufrufe.

.DeJaVu

Vorschläge:

Thema

Fx 89 - Die Zeilenabstände in jedem Menü verkleinern

Hallo

Seit dem 89er Update sind die Zeilenabstände, siehe Bild, in jedem Menü größer geworden.

camp-firefox.de/attachment/30650/

Was mich ganz besonders bei den Lesezeichen stört, da ich sehr viele habe muß ich jetzt immer nach unten scrollen um die Letzten sehen zu können.

Gibt es ne Möglichkeit, mit einem Befehl/Code in der userChrome.css, das überall auf einmal in Firefox zu ändern ?

Gruß

meggamoon

meggamoon

2. Juni 2021 um 20:18

Beitrag

RE: weis nicht wozu dieser CSS Code ist

Vielleicht solltest du deine Frage in einem eigenen Thema stellen, denn das, was du möchtest, funktioniert so nicht. Was ich mir erarbeitet habe, dass v89 so wie v88 bzw v87 aussieht:

(Quelltext, 41 Zeilen)

.DeJaVu

3. Juni 2021 um 12:28

Mira_Belle

Zitat von .DeJaVu

Vorschläge:

Thema

Fx 89 - Die Zeilenabstände in jedem Menü verkleinern

Hallo

Seit dem 89er Update sind die Zeilenabstände, siehe Bild, in jedem Menü größer geworden.

camp-firefox.de/attachment/30650/

Was mich ganz besonders bei den Lesezeichen stört, da ich sehr viele habe muß ich jetzt immer nach unten scrollen um die Letzten sehen zu können.

Gibt es ne Möglichkeit, mit einem Befehl/Code in der userChrome.css, das überall auf einmal in Firefox zu ändern ?

Gruß

meggamoon

meggamoon

2. Juni 2021 um 20:18

Beitrag

RE: weis nicht wozu dieser CSS Code ist

Vielleicht solltest du deine Frage in einem eigenen Thema stellen, denn das, was du möchtest, funktioniert so nicht. Was ich mir erarbeitet habe, dass v89 so wie v88 bzw v87 aussieht:

(Quelltext, 41 Zeilen)

.DeJaVu

3. Juni 2021 um 12:28

Sorry .DeJaVu,

ich bin da nicht so fit!

Zu Deinem ersten Link,

Das habe ich ja! Doch scheint es, dass das Hauptmenü ("Hamburgermenü")

nicht auf diesen Code ansprechbar ist!

Siehe:

CSS

/* ----------------------------------------------------------------------------*/
/***** Abstände der Einträge in den Menüs und Lesezeichen wieder schmaler ******/
/* ----------------------------------------------------------------------------*/

menupopup > menuitem, menupopup > menu {     

    padding-block: 2px !important;
    padding-inline-start: 25px !important;
}

So, wie man sehen kann, werden die Zeilenabstände in allen Menüs angepasst,

außer im "Hamburgermenü"!

2002Andreas

Zitat von Mira_Belle

außer im "Hamburgermenü"!

Siehe bitte hier:

#157

Mira_Belle

Zitat von 2002Andreas

Zitat von Mira_Belle

außer im "Hamburgermenü"!

Siehe bitte hier:
#157

Danke, hast geklappt!

Nun kommen wir zur zweiten Herausforderung!

Zitat

Alle Menüs sind mit dunklem Hintergrund und heller Schrift,
außer im "Hamburgermenü"!
Auch da bräuchte ich Hilfe.

2002Andreas

Zitat von Mira_Belle

zur zweiten Herausforderung!

Sieht hier so aus:

Mira_Belle

Mh, da hat was mit dem "Darkmodus" zu tun, richtig?

Auf die schnelle, wo stelle ich den noch mal ein?

Erledigt!

Es wird über das Theme gesteuert!!!

Hat wer einen Tip (Link) wie man Themes bearbeitet?

.DeJaVu

Gar nicht.

Mira_Belle

Zitat von .DeJaVu

Gar nicht.

Oh, Danke.

Möchte jetzt nicht unhöflich wirken, aber ganze Sätze helfen dem Verständnis ungemein.

Denn ich weiß nicht, auf was "Gar nicht." die Antwort ist.

Ich nutze als Theme "Stellaris". Da sind die "Popubmenüs" alle dunkel.

Nur wenn ich das "Hamburgermenü" öffne, ist dieses hell.

Zur Abhilfe gibt es nur zwei Möglichkeiten!

Entweder lässt sich dies über die "userChrome.css" ändern

oder

wenn ich dieses Theme weiter nutzen möchte,

muss es in diesem Theme irgendwie geändert werden.

Boersenfeger

Eher Letzteres... du müsstest dann aber wohl den Code dieses Theme aufdröseln und da drin den Code ändern...

Ggf. wendest du dich an den Entwickler... vielleicht ist ihm das ja nicht bekannt und es ist ein Fehler..

Von wo hast du das Theme denn?

.DeJaVu

Danke für die Ergänzung. Ich zitiere mich selbst dazu:

Zitat

Sollte es ein Thema sein, bitte den Autor kontaktieren, dann ist es nicht Proton-kompatiblel. Hatte ich heute schon mal geschrieben, dass diverse Themen dahingehend nicht kompatibel sind und das man die Ursache dann dort ändern müsste, weil die es a) am besten kennen und b) dafür verantwortlich sind. Bei der vielen Menge an Themen sind Insellösungen mit so einer Unbekannten schlichtweg nicht schaffbar.

Technisch erklärt: eine simple Änderung zieht den Rattenschwanz einer neuen Signierung nach sich und die Signierung bedarf eines Kontos bei Mozilla (gleiches Konto wie bei Sync). Man muss sich also zwangsweise mit dem Aufbau von Erweiterungen beschäftigen und der Signierung selbiger. Das macht man nicht mal eben so.

Mira_Belle

Ich bedanke mich ganz Herzlichst bei allen Beteiligten für ihre Hilfe.

Warten wir es ab, die 89 ist ja noch ganz frisch.

Gruß

Mira

Sören Hentzschel

Zitat von Mira_Belle

Wie schon in der Überschrift ersichtlich möchte ich das "Hamburgermenü" anpassen.
(Wie ist eigentlich die richtige Bezeichnung?)

Die korrekte Bezeichnung ist Anwendungsmenü. Du siehst den Namen auch, wenn du mit dem Mauszeiger kurz über dem Menü-Button bleibst.

2002Andreas

Zitat von Mira_Belle

Nur wenn ich das "Hamburgermenü" öffne, ist dieses hell.

Teste bitte:

CSS

#appMenu-popup  .panel-subview-body {
  color: white !important;
  background: black !important;
}

milupo

Zitat von Sören Hentzschel

Die korrekte Bezeichnung ist Anwendungsmenü.

Ergänzend: Die Einträge im CSS-Code beginnen mit #appMenu, siehe oben Beitrag #15 von 2002Andreas. appMenu ist die Abkürzung für englisch application menu, eben Anwendungsmenü.

Mira_Belle

Danke, danke, vielen Dank!

Zitat von 2002Andreas
Zitat von Mira_Belle

Nur wenn ich das "Hamburgermenü" öffne, ist dieses hell.

Teste bitte:
CSS
#appMenu-popup  .panel-subview-body {
  color: white !important;
  background: black !important;
}

Da haste was gemacht.

Nun "will" ich aber mehr.

Wie bekomm ich die Seperatoren heller

und,

da bin ich mir nicht Sicher, ob das überhaupt geht,

den farbigen ganz Oben, auch einfarbig?

2002Andreas

Zitat von Mira_Belle

Wie bekomm ich die Seperatoren heller

Teste bitte:

CSS

.PanelUI-subView toolbarseparator.proton-zap {
  border-image: none !important;
  background: white !important;
}

#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {
  background: white !important;
}

#appMenu-popup  .panel-subview-body {
  color: white !important;
  background: black !important;
}

Alles anzeigen

Msfreak

2002Andreas

dieser Code hatte mir geholfen

CSS

/* Farbe Hamburger-Menü Seperator */
#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {
  background: lightgray !important;
}

Hast du vielleicht auch eine Anpassung der Seperatoren im Lesezeichenmenü ?

Boersenfeger

Um die Separatoren im Hamburger-Menü auszublenden habe ich diesen Code ausprobiert... der natürlich nicht funktioniert

CSS

    /* Ausblenden */
    
    #appMenu-bookmarks-button,
    #appMenu-history-button,
    #appMenu-downloads-button {
    display: none !important;
    }
    
    /* Separatoren entfernen */
    
    #appmenu-separator {
    display: none !important; 
    }

Alles anzeigen

Welcher wäre wohl richtiger und könnte man das nicht zusammenfassen?