1875384 - Consider making common dialogs use `font: menu` for a more accessible macOS experience

Status: RESOLVED FIXED

(Toolkit :: Themes, enhancement, P2)

Description

[Jules Simplicio [:jules]]

Attachment: dialog on a mac.png

Today, common dialogs default to a font size that is a bit too small on macOS (screenshot attached). It's defaulting to message-box sizing, which is 11px (on macOS), providing a not super accessible experience. We tend to rely on that font size for tabs and bookmarks on the toolbar, so we should avoid using it for text heavy content / body content.

Panels rely on font: menu which results in 13px (on macOS). I'd recommend we assign the menu font in the common dialog CSS to guarantee our dialogs are using the same font sizing as our panels. This shouldn't affect Linux and Windows experiences as menu seems to be the same size as message-box in those platforms.

Comment 1

[Jules Simplicio [:jules]]

Attachment: dialog vs panel font sizing on a mac.png

Comment 2

[Dão Gottwald [:dao]]

Attachment: Bug 1875384 - Make dialogs use `font: menu` for a more accessible macOS experience. r=jules

Comment 3

[Emilio Cobos Álvarez (:emilio)]

(In reply to Jules Simplicio [:jules] from comment #0)

Panels rely on font: menu which results in 13px (on macOS). I'd recommend we assign the menu font in the common dialog CSS to guarantee our dialogs are using the same font sizing as our panels. This shouldn't affect Linux and Windows experiences as menu seems to be the same size as message-box in those platforms.

It is the same size but not the same font necessarily, right?

Comment 4

[Jules Simplicio [:jules]]

(In reply to Emilio Cobos Álvarez (:emilio) from comment #3)

(In reply to Jules Simplicio [:jules] from comment #0)

Panels rely on font: menu which results in 13px (on macOS). I'd recommend we assign the menu font in the common dialog CSS to guarantee our dialogs are using the same font sizing as our panels. This shouldn't affect Linux and Windows experiences as menu seems to be the same size as message-box in those platforms.

It is the same size but not the same font necessarily, right?

I was under the same impression as Dão, I believe, that it wouldn't affect the font but just the size.
Ideally we're just making a change that affects the size.
Thanks for jumping.

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/912de7d5e462
Make dialogs use `font: menu` for a more accessible macOS experience. r=jules,desktop-theme-reviewers,emilio

Comment 6

[Narcis Beleuzu [:NarcisB]]

https://hg.mozilla.org/mozilla-central/rev/912de7d5e462