Nach Update: Tabs verdecken das Menü

Nia · Screenshot 2024-11-29 123239.jpg

Moin liebe Wissenden,

mein Firefox ist mal wieder defekt. Hatte ich schon erwähnt, dass ich Updates in jeder Form hasse?

Aktuell sieht mein Firefox so aus wie in Bild eins. Auch wenn nur ein angepinnter Tab offen ist, der ja keinen Platz wegnimmt, kann ich keine Option in der Menüleiste anklicken, komme also nicht mehr in die selten benutzten Lesezeichen oder in die Chronik. Und da oben kann ich auch die Tabs nicht gebrauchen.

Auf Bild zwei ist zu sehen, wie der Firefox aussehen soll. Das Menü ist oben, dann die Adresszeile darunter und unten die Symbolleiste. Die Tabs sollen dann ganz unten sitzen. Und die Schrift muss auch etwas größer sein, meine Augen sind schon ziemlich alt.

Dazu wurde mir im Forum schon mal hier:

Beitrag

RE: Update Tabs verdecken das Menü.

[…]

So, das ist sie, siehe Anhang. Ich bin schon wunschlos glücklich. Das Pluszeichen funktioniert auch wieder und auch schließen kann ich Tabs wieder ganz normal.

Ganz herzlichen Dank, du hast den Tag gerettet.

Viele Grüße
Nia

schlingo , Danke für die Hilfe, aber das Problem wurde schon gelöst.

Nia

16. Mai 2023 um 12:52

von 2002Andreas sehr gut geholfen. Kann ich den Code, den ich damals bekommen habe, einfach wieder verwenden und in die UserChrome.CSS - Datei hineinkopieren oder brauche ich dazu einen neuen Code?

Und wo genau sitzt diese Datei, ist das hier der richtige Pfad? Den hab ich gegoogelt, weiß aber nicht, wie alt der Artikel ist.
C:\Users\Shark-Designs\AppData\Roaming\Mozilla\Firefox\Profiles\hgj3i0ke.default-release\Chrome

Und zur Info: Ich gehöre zu den völlig Ahnungslosen, wenn es um den PC geht, brauche also eine Anleitung zur Fehlerbehebung für Dummies, falls irgendetwas anders ist, als in dem oben verlinkten Post.

Vielen Dank für die Hilfe,
Nia

2002Andreas

Zitat von Nia

einfach wieder verwenden

So sieht das hier damit aus:

Tabs unten, und auch oben passt alles.

grisu2099

Zitat von Nia

Und wo genau sitzt diese Datei, ist das hier der richtige Pfad? Den hab ich gegoogelt, weiß aber nicht, wie alt der Artikel ist.
C:\Users\Shark-Designs\AppData\Roaming\Mozilla\Firefox\Profiles\hgj3i0ke.default-release\Chrome

Wenn du diesen Pfad ergooglet hast, mußt du Shark-Designs durch deinen Windows-Benutzernamen ersetzen und hgj3i0ke.default-release durch den Profilnamen, der bei dir im Ordner Profiles ist...

Nia

Ganz vielen Dank, aber leider hat es nicht geholfen, der Browser sieht noch genauso aus und die Menüleiste ist funktionslos.
Und ja, den Pfad hatte ich schon geändert.

2002Andreas

Zitat von Nia

aber leider hat es nicht geholfen

was genau hast du denn gemacht?

War in der userChrome.css Datei schon Text drin, oder hast du die Datei erst neu erstellen müssen?

Nia

Zitat von 2002Andreas

Zitat von Nia

aber leider hat es nicht geholfen

was genau hast du denn gemacht?
War in der userChrome.css Datei schon Text drin, oder hast du die Datei erst neu erstellen müssen?

Ja, da war Text drin und ich habe ihn einfach mit dem alten Code von dem oben verlinkten Beitrag überschrieben.
Dann habe ich den Firefox neu gestartet.

2002Andreas

Zitat von Nia

mit dem alten Code von dem oben verlinkten Beitrag überschrieben.

Das ist richtig dann.

Nur mal ein Test.

Benenn die Datei userChrome.css mal um in z.B.: userChromealt.css.

Dann den Firefox neu starten.

Passt dann oben wieder alles?

Nia · Screenshot 2024-11-29 135841.jpg

Jaaa, fast. Die Schriftgröße ist winzig, aber alles andere passt wieder.
Und die Tabs sind leider auch noch nicht unten.

2002Andreas

Zitat von Nia

aber alles andere passt wieder.

Ok, dann liegt das Problem in der userChrome.css Datei.

Dann bitte die Datei wieder umbenennen zu: userChrome.css

Dann den Firefox neu starten.

Ist in der userChrome.css wirklich nur dieser Text drin?

CSS

 * {

font-size:16px 
}

menupopup > menuitem,

menupopup > menu {

padding-block: 0 !important;

padding-inline-start: 14px !important;

font-size: 17px !important;

}

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
}

#navigator-toolbox {
  position: relative;
  padding-bottom: calc( var(--tab-min-height) + 19px );
}

.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  visibility: visible;
  display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
  display: none;
}
          

/*...................Ab hier nur Privater Modus...................*/

/*Das lila Icon für privaten Modus oben rechts eingefügt*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
    margin-left: 0px!important;
    margin-right: 0px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
    background-size: 15px 15px !important;
}

/*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/    
.private-browsing-indicator-with-label {
    display: none !important;
}

Alles anzeigen

2002Andreas

Freut mich wenn es jetzt doch wieder alles funktioniert

Dann wieder viel Spaß mit dem Firefox

Nia · Screenshot 2024-11-29 140904.jpg

Das dachte ich, aber es war wohl doch nicht so.
Ich habe deinen Code von oben jetzt nochmal kopiert und eine neue userChrome.css Datei angelegt und sieht da, jetzt ist alles wieder ok, Tabs unten, Lesezeichen und Chronik sind wieder anklickbar und die Schriftgröße passt auch.

Ganz herzlichen Dank für die schnelle Hilfe.

Viele Grüße,
Nia

Bon Sneyder

Hallo, 2002Andreas ,

auch ich möchte mich ganz herzlich bedanken für den code in der userChrome.css!
Man ist so an die Position der Tab-Leiste unterhalb der Adressleiste gewöhnt, dass es einem richtig unbehaglich ist, mit der default-Firefox-Struktur umgehen zu müssen... Nun ist (nach einer erzwungenen Neuinstallation) alles wieder bestens, nochmals Dank!

Eine (Detail-)frage: die Schriftdarstellung (Lesezeichen in der Sidebar, bei den Tabs in der Tableiste, Anwendungsmenü...) ist auf meinem Monitor ziemlich winzig. Dafür ist das über Rechtsklick aufklappbare Menü bei allen Elementen, auch beim Anklicken der Elemente der Menüleiste in ziemlich großer Schriftgröße dargestellt... Werden diese Fontgrößen auch über den Inhalt der userChrome.css gesteuert? Ich bin so froh, dass es mit der Position der Tableiste geklappt hat, dass ich mich nicht traue dort weiter zu experimentieren...
Danke im Voraus!

Zitat von 2002Andreas

Zitat von Nia

aber alles andere passt wieder.

Ok, dann liegt das Problem in der userChrome.css Datei.

Dann bitte die Datei wieder umbenennen zu: userChrome.css

Dann den Firefox neu starten.

Ist in der userChrome.css wirklich nur dieser Text drin?

CSS

 * {

font-size:16px 
}

menupopup > menuitem,

menupopup > menu {

padding-block: 0 !important;

padding-inline-start: 14px !important;

font-size: 17px !important;

}

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
}

#navigator-toolbox {
  position: relative;
  padding-bottom: calc( var(--tab-min-height) + 19px );
}

.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  visibility: visible;
  display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
  display: none;
}
          

/*...................Ab hier nur Privater Modus...................*/

/*Das lila Icon für privaten Modus oben rechts eingefügt*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
    margin-left: 0px!important;
    margin-right: 0px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
    background-size: 15px 15px !important;
}

/*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/    
.private-browsing-indicator-with-label {
    display: none !important;
}

Alles anzeigen

2002Andreas

Zitat von Bon Sneyder

auch über den Inhalt der userChrome.css gesteuert?

Hallo und willkommen hier im Forum. 😊

Durch diesen Code werden die pauschal verändert:

Entweder der Wert anpassen, oder den Teil im Code kompl. entfernen.

2002Andreas

Ich habe den Code mal verändert.

Der für Tableiste unten ist jetzt viel kürzer, und alles was mit der Größe der Schrift zu tun hatte, habe ich mal entfernt.

Teste bitte, ob das dann für dich besser ist.

CSS

menupopup > menuitem,
menupopup > menu {
padding-block: 0 !important;
padding-inline-start: 14px !important;
}

#TabsToolbar {
    order: 100 !important;
}           

/*...................Ab hier nur Privater Modus...................*/

/*Das lila Icon für privaten Modus oben rechts eingefügt*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
    margin-left: 0px!important;
    margin-right: 0px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
    background-size: 15px 15px !important;
}

/*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/    
.private-browsing-indicator-with-label {
    display: none !important;
}

Alles anzeigen

Bon Sneyder

Mach ich gleich!
Danke für die Begrüßung!

Zitat von 2002Andreas

Ich habe den Code mal verändert.

Der für Tableiste unten ist jetzt viel kürzer, und alles was mit der Größe der Schrift zu tun hatte, habe ich mal entfernt.

Teste bitte, ob das dann für dich besser ist.

CSS

menupopup > menuitem,
menupopup > menu {
padding-block: 0 !important;
padding-inline-start: 14px !important;
}

#TabsToolbar {
    order: 100 !important;
}           

/*...................Ab hier nur Privater Modus...................*/

/*Das lila Icon für privaten Modus oben rechts eingefügt*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
    margin-left: 0px!important;
    margin-right: 0px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
    background-size: 15px 15px !important;
}

/*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/    
.private-browsing-indicator-with-label {
    display: none !important;
}

Alles anzeigen

2002Andreas
Ja, klappt in jeder Hinsicht einwandfrei jetzt.
Auch auf die Gefahr hin, kleinlich zu wirken... dennoch: die Font-Größe auf der Menüleiste und bei den Tabs bleibt wirklich ziemlich klein... Ich hab aber den Verdacht, dass dies von Win11 gesteuert wird, kann das sein?

2002Andreas

Zitat von Bon Sneyder

die Font-Größe auf der Menüleiste und bei den Tabs bleibt wirklich ziemlich klein

Zusätzlich in den Code einfügen, Werte wenn dann anassen:

CSS

/*Schriftgröße im Tab*/
.tab-label {
  font-size: 19px !important;
}

/*Schriftgröße in der Menüleiste*/
#menubar-items menu {
  font-size: 19px !important;
}

Zitat von Bon Sneyder

kleinlich zu wirken.

Alles ist gut, wir sind doch hier um zu helfen wenn möglich

Bon Sneyder

2002Andreas
Sie sind ein Zauberer!
(19 px waren etwas zu viel des Guten, bei 14 hat man keine Wünsche mehr offen!)
Die Lesezeichen in der Sidebar hatte ich versäumt zu nennen... Lässt sich da auch noch was vergrößern?

2002Andreas

Zitat von Bon Sneyder

Lässt sich da auch noch was vergrößern?

Auch wieder unten einfügen in den Code:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

/*Schriftgröße in der Sidebar*/
treechildren {
  font-size: 14px !important;
  }
}

Bon Sneyder

Perfekt, danke!

Nach Update: Tabs verdecken das Menü

RE: Update Tabs verdecken das Menü.

Beitrag von Bon Sneyder (24. Juli 2025 um 11:03)

Ähnliche Themen

userChrome.js Scripte für den Fuchs (Diskussion)

Nach Update auf V.132.0 sämtliche Fenster und Tabs veloren gegangen

Tabs sind zu breit

Tableiste nach oben verrutscht nach Update auf 128.0

Firefox Tabs unter die Adressleiste hat sich verändert nach dem letzten Update