2019163 - Update icon spacing in urlbar quick actions for Nova

Status: VERIFIED FIXED

(Firefox :: Address Bar, task, P1)

Description

[Drew Willcoxon :adw]

Update the quick actions UI in the urlbar view for Nova:

• Colors
• Rounded edges

See Figma for details.

Comment 1

[Drew Willcoxon :adw]

The Components Figma uses the urlbarview/action/button/background/color group of tokens for actions with two possible states: default and hover. Those tokens don't seem to exist in m-c, but we do have a bespoke urlbar CSS variable for --urlbarView-action-button-background-color.

I've asked Jules about what we should do in cases like this and will update when I hear back.

Comment 2

[Drew Willcoxon :adw]

Jules's patch in bug 2046942 fixes the main thing: background color (per state).

The only other thing that looks different to me is the spacing between the icon and text is a little too tight in code. We use 0.4em in code, and the Figma uses 8px, which ends up being larger, although it will vary a little per platform.

The rounded edges mentioned in comment 0 were fixed a while ago by some other patch.

Comment 3

[Drew Willcoxon :adw]

Attachment: Bug 2019163 - [Nova] Update icon spacing in urlbar quick actions.

The Figma uses a literal 8px but it seems better to use a space variable.
--space-medium matches 8px pretty well. On Windows 11 with standard scaling,
it ends up being 9px. On Mac, it's 8x, although it slightly changes the subpixel
rendering of the quick action's text compared to a hardcoded 8px.

I'm basing this on D306443 so that Jules doesn't need to rebase that large
patch.

Depends on D306443

Comment 4

[Drew Willcoxon :adw]

Morphing this to cover only the icon spacing since bug 2046942 covers everything else afaict.

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/2234f06621cb
https://hg.mozilla.org/integration/autoland/rev/79ab1143ed93
[Nova] Update icon spacing in urlbar quick actions. r=dao,desktop-theme-reviewers,urlbar-reviewers

Comment 6

[Drew Willcoxon :adw]

For QA: This bug didn't do much visually, just slightly increased the spacing in quick actions between the icon and text.

Comment 7

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/79ab1143ed93

Comment 8

[Petruta Horea [:phorea]]

Verified using latest Nightly 154.0a1 2026-07-06 under Win 11, macOS 15 and Ubuntu 24, that when Nova is enabled, the space between icon and text is increased in Quick Actions.