1635401 - Polish UX: minor fixes

Status: RESOLVED FIXED

(DevTools :: Application Panel, enhancement, P1)

Description

[Belén [:ladybenko]]

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

Comment 1

[Belén [:ladybenko]]

Attachment: Bug 1635401 - Part 1: fix font sizes, weights, paddings, margins, etc.

Comment 2

[Belén [:ladybenko]]

Attachment: Bug 1635401 - Part 2: add colored dot to mark service worker state

Comment 3

[Belén [:ladybenko]]

Attachment: Bug 1635401 - Part 3: Fix registration scope appearance

Comment 4

[Belén [:ladybenko]]

Attachment: Bug 1635401 - Part 4: Fix about:debugging link appearance

Comment 5

[Belén [:ladybenko]]

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

Comment 6

[Pulsebot]

Pushed by [e-mail]:
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

Comment 7

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/c5841a4c7ab6
https://hg.mozilla.org/mozilla-central/rev/28529c0faf8f
https://hg.mozilla.org/mozilla-central/rev/1141a5933cc0
https://hg.mozilla.org/mozilla-central/rev/3a030dbe3444