Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Gap to the left of tabs when menu bar is hidden/unchecked

  • 4 antwoorden
  • 2 hebben dit probleem
  • 40 weergaven
  • Laatste antwoord van cor-el

avram.meir
avram.meir
more options

Hello,

I am running Firefox v101.0.1 (64-bit) on Linux (Pop!_OS, installed as a flatpak). I am using the default system theme in dark mode, though switching to the Firefox dark theme or other themes does not change anything. When I allow the Menu Bar (File, Edit, View, etc.) to be present, the browser tabs on the next line are aligned correctly, going all of the way to the left. When I uncheck the Menu Bar, however, a gap appears to the left of the tabs. I have not seen this behavior on Firefox in other environments (Debian, RHEL, Windows), and I'm wondering if there's a way I can remove that gap. I have attached screenshots showing how the tabs are aligned with and without the Menu Bar.

Thanks so much!

Hello, I am running Firefox v101.0.1 (64-bit) on Linux (Pop!_OS, installed as a flatpak). I am using the default system theme in dark mode, though switching to the Firefox dark theme or other themes does not change anything. When I allow the Menu Bar (File, Edit, View, etc.) to be present, the browser tabs on the next line are aligned correctly, going all of the way to the left. When I uncheck the Menu Bar, however, a gap appears to the left of the tabs. I have not seen this behavior on Firefox in other environments (Debian, RHEL, Windows), and I'm wondering if there's a way I can remove that gap. I have attached screenshots showing how the tabs are aligned with and without the Menu Bar. Thanks so much!
Gekoppelde schermafbeeldingen

Gekozen oplossing

That could be the 40px .titlebar-spacer element that gets visible in your case.

You can use the Browser Toolbox to verify this.

Dit antwoord in context lezen 👍 2

Alle antwoorden (4)

jonzn4SUSE
jonzn4SUSE
  • Top 10 Contributor
more options

I do not have that issue. see screenshot Try downloading Firefox from Mozilla and see if you have the same issue. https://www.mozilla.org/en-US/firefox/all/#product-desktop-release

Operating System: openSUSE Tumbleweed 20220627 KDE Plasma Version: 5.25.1 KDE Frameworks Version: 5.95.0 Qt Version: 5.15.2 Kernel Version: 5.18.6-1-default (64-bit) Graphics Platform: X11 Processors: 12 × Intel® Core™ i7-9850H CPU @ 2.60GHz Memory: 15.0 GiB of RAM Graphics Processor: Mesa Intel® UHD Graphics 630 Manufacturer: HP Product Name: HP ZBook 17 G6

Bewerkt door jonzn4SUSE op

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Gekozen oplossing

That could be the 40px .titlebar-spacer element that gets visible in your case.

You can use the Browser Toolbox to verify this.

avram.meir
avram.meir Vraageigenaar
more options

cor-el,

That was indeed the issue, and while I couldn't figure out how to find the element in the Browser Toolbox, I was able to search the Web specifically for that element, and I found a solution to remove the unwanted spacing by creating a userChrome.css file in my profile dir with the following:

``` /* Reduce left spacer on non-maximized windows */ .titlebar-spacer[type="pre-tabs"] { 

 display: none !important;

} ```

Search result for the win: https://support.mozilla.org/en-US/questions/1282290

Thanks for the help!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

There is also a "post-tabs" spacer at the right end, so you can consider to hide that spacer as well. 

.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
 display: none !important;
}

Note that you could see the current CSS rule in the right pane in my screenshot. 

.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
 width: 40px;
}