Avatar for Username

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Learn More

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

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

  • 5 risposte
  • 1 ha questo problema
  • 293 visualizzazioni
  • Ultima risposta di 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).

Soluzione scelta

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
Leggere questa risposta nel contesto 👍 1

Tutte le risposte (5)

gal.gofrit
gal.gofrit Utente che ha posto la domanda
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 Utente che ha posto la domanda
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

Soluzione scelta

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 Utente che ha posto la domanda
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! :)