zombieFox / hexagonTab

Hexagon bookmarks accented with a chosen colour. Customise the layout, style, background and bookmarks with hexagonTab.

Home Page:https://zombiefox.github.io/hexagonTab/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cutom order of the tabs & movable using drag and Drop

Atharv115 opened this issue · comments


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

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.

@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

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.

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