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

Cutom order of the tabs & movable using drag and Drop #14

Open
Atharv115 opened this issue Apr 25, 2022 · 5 comments
Open

Cutom order of the tabs & movable using drag and Drop #14

Atharv115 opened this issue Apr 25, 2022 · 5 comments

Comments

@Atharv115
Copy link


I'm always frustrated when I have to reorder things after adding a new tab, using those buttons, but can do nothing to move this with the help of drag and drop reorder this would make it work/ function better

Use Drag & Drop to reorder the Hexagon Tabs

and also provide with some highlighting guide for the hexagon tab borders to fit in.

Waiting eagerly for this feature to come to work

Hope you will look into this Zombiefox and make our life a lot better

@Atharv115
Copy link
Author

@Atharv115 bitmoji

@zombieFox
Copy link
Owner

zombieFox commented May 16, 2022

Hi @Atharv115

This is a known pain point in the UX. I've investigated this in the past and with the current grid implementation drag and drop reordering is not likely. The hex grid is made using CSS Grid. To achieve the hexagonal effect a single bookmark item has to span 6 cells of the grid.

Traditional drag and drop reordering requires the DOM nodes being reordered to be set up in a linear fashion. This will not work when a list item is making use of 'grid-column-start', 'grid-row-start' and 'span'. This screen capture demonstrates the issue:

Untitled.Project.mp4

The red box shows how a single bookmark spans across 6 cells. I do not know of any other way to get a hexagon grid with CSS Grid.

@Atharv115
Copy link
Author

@zombieFox
Sorry to tell, but I don't have such technical Knowledge about it, I'm a newbie.
Ik u tried to explain it to your fullest, but maybe I'm dumb!
according to ur explaination, it seems as if you would require more time to sort this issue.
Thanks for your time @zombieFox

@zombieFox
Copy link
Owner

it seems as if you would require more time to sort this issue.

I would like to stress that this may not be possible at all.

@Atharv115
Copy link
Author

yep fine @zombieFox m ok with it, btw ur doing a good job, love it
bitmoji

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

No branches or pull requests

2 participants