Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make the DevTools UI more dense #6761

Closed
kenzieschmoll opened this issue Nov 17, 2023 · 1 comment · Fixed by #7030
Closed

Make the DevTools UI more dense #6761

kenzieschmoll opened this issue Nov 17, 2023 · 1 comment · Fixed by #7030
Assignees

Comments

@kenzieschmoll
Copy link
Member

Users can use DevTools in the browser or embedded in the IDE. Either way, a more dense UI would help with being able to see more data at once. Our flutter UI is still too "mobile-first" in some areas WRT tap target sizes, row heights, font sizes, etc.

We've had user's complain that they don't have enough screen real estate to visualize the data they are looking for (for example, wanting to be able to see the live memory chart and look at a memory profile without being constrained by screen space.)

The layout explorer is another example of a UI component that could be made considerably more dense

@kenzieschmoll
Copy link
Member Author

  • smaller default font size
  • smaller default table row size
  • smaller table header sizes
  • smaller default padding sizes
  • smaller default button heights / sizes

One example comparison is the Android Studio profiler vs the DevTools profiler (keep in mind the android studio screenshot is from an embedded IDE tool window and the DevTools screen is full screen on a laptop):

Screenshot 2023-12-14 at 3 47 41 PM

Screenshot 2023-12-14 at 3 47 47 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant