Closed Bug 2050639 Opened 27 days ago Closed 26 days ago

Border radius should be medium instead of xlarge for VPN panel

Categories

(Firefox :: IP Protection, defect)

defect

Tracking

()

VERIFIED FIXED
154 Branch
Tracking Status
firefox154 --- verified

People

(Reporter: kpatenio, Assigned: kpatenio)

References

(Blocks 1 open bug)

Details

(Whiteboard: [fx-vpn])

Attachments

(2 files)

Per UX feedback, we should use --border-radius-medium, not --border-radius-xlarge. A recent patch https://phabricator.services.mozilla.com/D303952 updated the medium variant for Nova, so the token should better match our spec now.

Let's undo the xlarge border radius for Nova in https://searchfox.org/firefox-main/rev/d5171e9e0f4729494423b0524f289073e0f0cb6c/browser/components/ipprotection/content/ipprotection-status-box.css#78. I think we'll also need to update the loading state border radius as well https://searchfox.org/firefox-main/rev/d5171e9e0f4729494423b0524f289073e0f0cb6c/browser/components/ipprotection/content/ipprotection-content.css#188.

Be sure to compare with https://www.figma.com/design/O5gPSsJAkI5fxiRxReO8El/Built-in-VPN-Firefox-152?node-id=15150-14095&m=dev

Summary: Status box should use medium instead of xlarge border radius → Border radius should be medium instead of xlarge for VPN panel
Assignee: nobody → kpatenio
Status: NEW → ASSIGNED
Pushed by kpatenio@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/64b4e1251d76 https://hg.mozilla.org/integration/autoland/rev/63d98991d989 — update border radius for VPN status box and loading state to use medium variant for Nova. r=ip-protection-reviewers,rking
Status: ASSIGNED → RESOLVED
Closed: 26 days ago
Resolution: --- → FIXED
Target Milestone: --- → 154 Branch

Is there something that QA can verify here? Thank you!

Flags: needinfo?(kpatenio)

Hi Raluca, there's not much to test here except for checking the border radius of the VPN panel's status box (the container containing VPN is off, buttons, etc.) compared to the Nova spec; it essentially undoes the status box change in Bug 2048706 while leaving the Settings button radius intact. Thanks!

Flags: needinfo?(kpatenio)
Attached image image.png

Verified this as fixed using Firefox Nightly 154.0a1 (2026-07-01) on Windows 11. The border radius of the VPN OFF panel's status box is medium.

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: