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

Minor refactor of the UI #3032

Open
devoncarew opened this issue Jul 22, 2024 · 0 comments
Open

Minor refactor of the UI #3032

devoncarew opened this issue Jul 22, 2024 · 0 comments
Labels
type-ux A user experience or user interface related issue

Comments

@devoncarew
Copy link
Member

After adding support for showing api documentation, the DartPad UI can seem a bit cumbersome. The doc area shows on mouse click - sometimes surprising to users - and resizes the editing area when becoming visible. I'd like to propose a minor refactor:

  • we change the doc area to show on mouse hover using flutter tooltips (still rendering into a flutter markdown widget); this tooltip may be positioned relative to the identifier or perhaps in a fixed location (the top 1/3 of the editor? over the execution area?)
  • we change the console area to have an unobtrusive, single line separator from the execution area above it; this mirrors the problems view area and avoids that separator looking draggable

These changes would also make it easier for us to add an optional fixed-height area above the editor - a 'create a snippet that does xyz' area.

@devoncarew devoncarew added the type-ux A user experience or user interface related issue label Jul 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type-ux A user experience or user interface related issue
Projects
None yet
Development

No branches or pull requests

1 participant