2048706 - Update radius for VPN panel status box and settings button

Status: VERIFIED FIXED

(Firefox :: IP Protection, task)

Description

[kpatenio]

Attachment: image.png

Right now, the status box radius isn't as rounded like in the Nova spec. We can use border-radius: var(--border-radius-xlarge);, the same border radius used for the updated enrolling / loading template (via Bug 2044431). We can make that change in ipprotection-status-box.css, particularly under #content-container for the Nova pref block.

In addition, there's the settings button on the VPN panel. The HCM designs confirm a rounded border radius for this button. We set the border radius in ipprotection-content.css. However, for Nova, we'll want to unset it and let it fall back to the default button radius.

Comment 1

[Becca]

Attachment: Bug 2048706 - Update radius for VPN panel status box and settings button - r=#ip-protection-reviewers

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/169c95bda2a3
https://hg.mozilla.org/integration/autoland/rev/73f9e3e87820
Update radius for VPN panel status box and settings button - r=ip-protection-reviewers,kpatenio

Comment 3

[Sandor Molnar[:smolnar]]

https://hg.mozilla.org/mozilla-central/rev/73f9e3e87820

Comment 4

[Raluca Ilban [:rilban], Premium Services - VPN]

Attachment: settings_border.png

We have verified this as fixed using Firefox Nightly 154.0a1 (2026-06-22) on Windows 11. The border of the Settings button is rounded.