Avatar for Username

Søg i Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Denne tråd blev arkiveret. Stil et nyt spørgsmål, hvis du har brug for hjælp.

Want to make UI larger; modifying layout.css.devPixelsPerPx makes UI scaling inconsistent across screens

  • 5 svar
  • 1 har dette problem
  • 298 visninger
  • Seneste svar af gal.gofrit

gal.gofrit
gal.gofrit
more options

Hey, I want to make the UI slightly larger; I have found that modifying layout.css.devPixelsPerPx in about:config works the way I need it to. However, when using multiple screens with different resolutions, the scaling no longer appears consistent between those screens. That would make sense (since it's a per-pixel configuration), but I couldn't any configuration option that only acts as a modifier for the standard scaling mechanism. I'm using macOS (10.15.7), Firefox 88.0. Attaching a screenshot taken from both screens together (not sure how macOS handles the difference in resolution when handling screenshots, there's definitely some magic going on with macOS screenshots in general; either way, it shows the problem really well).

Hey, I want to make the UI slightly larger; I have found that modifying layout.css.devPixelsPerPx in about:config works the way I need it to. However, when using multiple screens with different resolutions, the scaling no longer appears consistent between those screens. That would make sense (since it's a per-pixel configuration), but I couldn't any configuration option that only acts as a modifier for the standard scaling mechanism. I'm using macOS (10.15.7), Firefox 88.0. Attaching a screenshot taken from both screens together (not sure how macOS handles the difference in resolution when handling screenshots, there's definitely some magic going on with macOS screenshots in general; either way, it shows the problem really well).

Valgt løsning

I have a global font setting (*) and 4 different tab classes. For tabs in particular, you could try this:

  1. tabbrowser-tabs .tabbrowser-tab. tab-content (followed by font-size) OR
  2. TabsToolbar #tabbrowser-tabs .tabbrowser-tab. tab-content
Læs dette svar i sammenhæng 👍 1

Alle svar (5)

gal.gofrit
gal.gofrit Spørgsmålsstiller
more options

Screenshot here

Terry
Terry
more options

You can change font size and toolbar heights with a userChrome.css file; you may be able to change toolbar button sizes as well. Are you willing to try that? https://www.userchrome.org/how-create-userchrome-css.html

gal.gofrit
gal.gofrit Spørgsmålsstiller
more options

Thanks, that's helpful - I manage to control the size of most of the toolbar sizes, but I can't change the tab titles' font sizes. Do you happen to know which CSS attribute controls that? Thank you

Terry
Terry
more options

Valgt løsning

I have a global font setting (*) and 4 different tab classes. For tabs in particular, you could try this:

  1. tabbrowser-tabs .tabbrowser-tab. tab-content (followed by font-size) OR
  2. TabsToolbar #tabbrowser-tabs .tabbrowser-tab. tab-content
gal.gofrit
gal.gofrit Spørgsmålsstiller
more options

TerryN21 said
I have a global font setting (*) and 4 different tab classes. For tabs in particular, you could try this:
  1. tabbrowser-tabs .tabbrowser-tab. tab-content (followed by font-size) OR
  2. TabsToolbar #tabbrowser-tabs .tabbrowser-tab. tab-content

Hey, .tabbrowser-tab { font-size: ...px } seems to be the one working for me - thank you! :)