Fix cramped button and menulist labels on macOS 26+

Firefox stopped inflating native controls on Tahoe (bug 1992898), but
still uses the old widget border sizes, so labels nearly touch the edges
of the new capsule-shaped buttons and run into menulist arrows.
This commit is contained in:
Dan Stillman 2026-09-28 10:31:30 -04:00
parent e863643a43
commit fcbc6ec1d5
3 changed files with 15 additions and 0 deletions

View file

@ -0,0 +1,13 @@
// Firefox 153 draws native controls on macOS 26+ to fill their entire frame
// (see InflateControlRect() in nsNativeThemeCocoa.mm) but still uses the old
// widget border sizes, leaving labels nearly touching the edges of the new
// capsule-shaped buttons and menulists
@media (-moz-mac-tahoe-theme) {
:where(button:not(.plain)) {
padding-inline: 6px;
}
:where(menulist) {
padding-inline: 6px;
}
}

View file

@ -15,6 +15,7 @@
// Components
@import "mac/components/button";
@import "mac/components/input";
@import "mac/components/menupopup";
@import "mac/components/menulist";

View file

@ -10,6 +10,7 @@
@import "mac/tabBar";
@import "mac/tabbox";
@import "mac/titleBar";
@import "mac/components/button";
@import "mac/components/input";
@import "mac/components/menupopup";
@import "mac/components/menulist";