Skip to content
New issue

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

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

Already on GitHub? # to your account

reworking dash debug tools interface #3219

Closed
wants to merge 3 commits into from

Conversation

BSd3v
Copy link
Contributor

@BSd3v BSd3v commented Mar 14, 2025

A couple of things to note here:

  • I removed color declarations in order to allow app definitions to take precedence over the colors.
  • I adjusted the color on the toolbar itself to have some alpha in order to allow the app background to get added to
  • the toolbar is now toggle-able, when hidden error count goes to the toggle button
  • the toolbar is now a footer
  • when the toolbar is shown, the app is scaled dynamically based upon the screen size and given 40px for the toolbar to display
  • when the toolbar is not shown, the app is full size, and the toggle button is placed on top with a zIndex of 10000
  • the toolbar no longer needs zIndex as it has been given space in the page

The main thing that needs to get worked on here is the toggle button:

  • obviously the button needs to be styled
  • when the screen size is narrow, the toolbar and button collide, need to implement some sort of way to implement a selection for the tool to display and the other info to display (dash version)

@marthacryan @ndrezn

@BSd3v
Copy link
Contributor Author

BSd3v commented Mar 14, 2025

image
image
image
image
image
image

…bsolute.

- adjusted scaling to impact the body instead of just the app-content (this captures data portals)
@BSd3v
Copy link
Contributor Author

BSd3v commented Mar 14, 2025

image

Notifications shown above the toolbar

image

Working with Drawer in Mantine

image

Bootstrap offcanvas

@gvwilson
Copy link
Contributor

thanks very much for this @BSd3v - we are going to ship Dash 3.0.0 with the existing dev tools UI and will then come back immediately to look at improving it (either via this PR or something similar).

@gvwilson gvwilson added feature something new P1 needed for current cycle community community contribution labels Mar 17, 2025
@T4rk1n T4rk1n deleted the branch plotly:dash-3.0 March 17, 2025 18:49
@T4rk1n T4rk1n closed this Mar 17, 2025
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
community community contribution feature something new P1 needed for current cycle
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants