1260568 - [UX] about:debugging worker layout

Status: RESOLVED WONTFIX

(DevTools :: about:debugging, defect, P3)

Description

[Bryan Clark (DevTools PM) [:clarkbw]]

This bug is in support of bug 1220747 and bug 1153292 which need UX for the about:debugging service worker tab.

attachment 8700717 [details] has a sketch which is the basis for current work.

Comment 1

[Julian Descottes [:jdescottes]]

Attachment: about-debugging-highlight-domain.png

As discussed with Jan on IRC: I was trying a few CSS tweaks on the about:debugging UI.

My main nits about the current UI are :
- it is hard to "scan" the list of service workers
- on a large screen it can be difficult to see which start/debug button is attached to which worker
- big font + long URLs -> line-wrapping is very likely to occur, making the "wall-of-text" feeling stronger

The attached screenshot is not good looking but has some ideas worth discussing:
- highlight the domain in the worker URL by using a different color
- use a separator between workers
- reduce the font-size

(The screenshot also includes the service worker status ; even if not finalized we can/should think about it when designing the UI)

Would be great to land a first UI/UX improvement patch before branching FF 48.

Comment 2

[Helen V. Holmes (:helenvholmes) (:✨)]

Hey y'alls,

I notice I'm assigned to this bug, but I don't feel I have a good grasp on what the parameters are for working on and closing out this bug. 

Is the idea that I should go through Julian's attachment and make some UI improvements to it?

Comment 3

[Helen V. Holmes (:helenvholmes) (:✨)]

Since I'm not actively working on this at the moment, I'm going to unassign myself for the time being.

Comment 4

[Julian Descottes [:jdescottes]]

Old about:debugging UI, no longer relevant.