Skip to content

[Inspector UXR] Buttons and icons for debug toggles #9554

@elliette

Description

@elliette

This issue has been broken out of #2890

Buttons and icons for debug toggles

Our developers didn’t understand what some of the debug modes did, or what their use cases are.

Screenshot 2021-04-07 at 15 36 19

Suggestions

  • Provide clearer access to documentation about what problem each debug toggle is useful for solving. This could be achieved via explanatory tooltips with links to further documentation.
  • Update iconography to be consistent (style and use of color).
  • Consistent use of margins and paddings everywhere (buttons, icons, list, etc).
  • Ensure that the buttons have tooltips when they’re shrunken down into an icon. Currently some of the buttons are missing their tooltips when shrunken down in size.
  • Increase the contrast on selected view mode toggle buttons (repaint rainbow etc).
  • The grouping of the toggle buttons feels pretty random. The context of the toggle buttons is too obscure at the moment. We could easily improve this by labelling the groups for example.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3issues we think are valid but not importantscreen: inspector

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions