Open Bug 1547661 Opened 5 years ago Updated 2 years ago

[remote-dbg-next] Improve visuals for the Sidebar empty state

Categories

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

defect

Tracking

(Not tracked)

People

(Reporter: jdescottes, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(4 files)

After the last UI changes from Bug 1505126, the empty state of the sidebar looks odd.

  • "USB Enabled" message is aligned to the left
  • "No devices discovered" message is centered
  • "Refresh devices" button is centered

This was already the case before, but the "USB Enabled" used to have a background that was as wide as the sidebar, and the width of the sidebar was smaller, which made the issue less visible.

Attached image empty_state.png (deleted) —

The text color for No devices discovered should also be gray 50

Attached image Screenshot 2019-04-29 at 11.24.41.png (deleted) —

What might help would be to align the notification in the middle same as the refresh devices button and the No devices detected info.

Changing the order and moving the notification down would support the grouping of the state & tasks related to support devices.

Attached image Screenshot 2019-04-29 at 11.25.21.png (deleted) —

When we move the notification below (not seen in screenshot), it will be still visible when we do not have any devices visible. But will be pushed down the more devices we have in the list.

Attached image no_devices_left_aligned.png (deleted) —

Another option, reusing IconLabel for the "no devices" message.

Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: