Closed Bug 2011984 Opened 3 months ago Closed 1 month ago

UI polish pass for Settings Redesign

Categories

(Firefox :: Settings UI, task)

task

Tracking

()

RESOLVED FIXED
151 Branch
Tracking Status
firefox151 --- fixed

People

(Reporter: jules, Assigned: jules)

References

(Depends on 2 open bugs, Blocks 1 open bug, Regressed 1 open bug)

Details

(Whiteboard: [recomp])

Attachments

(1 file)

I'm going around and making tweaks to make sure we get the look and feel to be pretty much 1:1 with Figma.

Differences noted so far:
moz-card: provide a way to have roomier padding ( I am thinking a variant padding="large" ), and increase border radius; lighten up border color and shadow.

preferences.css stuff: reduce the margin bellow the setting groups from 32px to 24px, make sure light mode has the light gray background color.

moz-message-bar: bump border radius to medium

moz-input-text: lighten border

Assignee: nobody → jules
Whiteboard: [recomp]
Attachment #9539508 - Attachment description: WIP: Bug 2011984 UI polish pass for Settings Redesign → Bug 2011984 - UI polish pass for Settings Redesign r=#reusable-components-reviewers-rotation
Blocks: 1968120
Status: NEW → RESOLVED
Closed: 1 month ago
Resolution: --- → FIXED
Target Milestone: --- → 151 Branch
Depends on: 2029648
Depends on: 2029650
Regressions: 2029650
Regressions: 2029697
Regressions: 2030666
Regressions: 2032502
See Also: → 2033849
QA Whiteboard: [qa-triage-done-c152/b151]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: