-
Notifications
You must be signed in to change notification settings - Fork 15
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
Comments
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.mp4The 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. |
@zombieFox |
I would like to stress that this may not be possible at all. |
yep fine @zombieFox m ok with it, btw ur doing a good job, love it |
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.
Hope you will look into this Zombiefox and make our life a lot better
The text was updated successfully, but these errors were encountered: