Closed Bug 1635401 Opened 3 months ago Closed 3 months ago

Polish UX: minor fixes

Categories

(DevTools :: Application Panel, enhancement, P1)

Product:
DevTools
Component:
Application Panel
Type:
enhancement

Tracking

(firefox78 fixed)

Status:
RESOLVED FIXED
Milestone:
Firefox 78
Tracking Flags:
Tracking Status
firefox78 --- fixed

People

(Reporter: ladybenko, Assigned: ladybenko)

References

(Blocks 1 open bug)

Details

Attachments

(4 files)

Bug 1635401 - Part 1: fix font sizes, weights, paddings, margins, etc.
47 bytes, text/x-phabricator-request
Details | Review
Bug 1635401 - Part 2: add colored dot to mark service worker state
47 bytes, text/x-phabricator-request
Details | Review
Bug 1635401 - Part 3: Fix registration scope appearance
47 bytes, text/x-phabricator-request
Details | Review
Bug 1635401 - Part 4: Fix about:debugging link appearance
47 bytes, text/x-phabricator-request
Details | Review

Some UX fixes and additions from Victoria's mockups in Figma:

  • Add a colored dot indicating the service worker status
  • Review margins, paddings, font sizes and colors
  • Add an icon to the registration scope
  • Add an icon to the "open about:debugging" link and fix alignment
  • Add a ruler separating the workers from the "open about:debugging" link
  • Remove "Debug" button and change it for a link with the source file plus an arrow
Assignee: nobody → balbeza
Status: NEW → ASSIGNED
Priority: -- → P1

The "Remove Debug button" bullet point to do here has been moved to this other bug https://bugzilla.mozilla.org/show_bug.cgi?id=1637538, since the design has been updated and this patch is already quite big

Pushed by balbeza@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/c5841a4c7ab6
Part 1: fix font sizes, weights, paddings, margins, etc. r=jdescottes
https://hg.mozilla.org/integration/autoland/rev/28529c0faf8f
Part 2: add colored dot to mark service worker state r=jdescottes
https://hg.mozilla.org/integration/autoland/rev/1141a5933cc0
Part 3: Fix registration scope appearance r=jdescottes
https://hg.mozilla.org/integration/autoland/rev/3a030dbe3444
Part 4: Fix about:debugging link appearance r=jdescottes
You need to log in before you can comment on or make changes to this bug.