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

Visualization Panels drag n drop feature #2403

Merged
merged 11 commits into from
Jan 18, 2023
Merged

Visualization Panels drag n drop feature #2403

merged 11 commits into from
Jan 18, 2023

Conversation

monicawoj
Copy link
Contributor

Allows you to drag and drop the different visualization views (switch from right to left and vice-versa) when there are 2 panels. The URL is also updated when the positions of the panels are swapped.

Copy link
Contributor

@yomete yomete left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sooo cool! 🚢 🇮🇹

@manojVivek
Copy link
Contributor

Monica, looks like there is a bug when I drag a panel and drop it in the same position. It still swaps them.

Screen.Recording.2023-01-16.at.9.49.38.AM-1.mov

@monicawoj
Copy link
Contributor Author

Monica, looks like there is a bug when I drag a panel and drop it in the same position. It still swaps them.

Screen.Recording.2023-01-16.at.9.49.38.AM-1.mov

Thanks for catching this, Manoj! I'll look into it!

@brancz
Copy link
Member

brancz commented Jan 17, 2023

Looooove it! lgtm from a user perspective!

Teeny tiny nit: Since each panel already has the X to close it, I don't think the reset button is needed. I don't feel strongly at all though, it would just be one less thing on the screen.

className={cx(isMultiPanelView ? 'visible' : 'invisible')}
{...provided.dragHandleProps}
>
<DragIndicator />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shall we replace this icon with the dots drag handle icon? <Icon icon="material-symbols:drag-indicator" />

I feel that icon is more universal, and this one looks a bit confusing, like the hamburger menu.

@monicawoj
Copy link
Contributor Author

Looooove it! lgtm from a user perspective!

Teeny tiny nit: Since each panel already has the X to close it, I don't think the reset button is needed. I don't feel strongly at all though, it would just be one less thing on the screen.

Yesss! That's a great point. I think the Reset button doesn't add any new functionality here. Will remove it

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

Successfully merging this pull request may close these issues.

None yet

4 participants