Implement Vertical Toolbar Drag Handles

[jabcreations]

Tabs don't belong on top, fight me! Just-kidding! But it is a very heated topic with a (hopefully) simple solution: vertically draggable toolbars.

While Mozilla SeaMonkey doesn't support moving the toolbars there are drag handles at the end (they use them to collapse the toolbars...not sure why but okay):

All toolbars should have a vertical draggable handle. In the very least to move the tab bar below the current combined main/address bar toolbar. However, subjective to how crazy-go-nuts you want to get here is a what a mature concept would be like:

• Drag toolbars to the bottom below website area to the status toolbar or back up above (very ow demand but semi-"cool" bragging rights).
• Lock/unlock toolbars would be highly desirable, users will rarely customize it after they're done so locking them reduces the chances that they'll accidentally rearrange the toolbars.
• Toolbars don't need to collapse...that is odd...I mean if someone wants it sure copy SeaMonkey in that regard.
• The file menu should be combined with the title toolbar ([Application icon] - [file menu] - [space][website title][space] - [window controls]). Using CSS display: flex can do this and you simply use position / left/right: 0; for a parent container (e.g. for the icon and file menu under one parent with position). If you get in to this I can explain how to do the CSS layout using very minimal HTML and CSS to remove any guessing games.
• When dragging toolbars an outline or ::after/::before should be used so none of the GUI elements get bumped around which itself could lead to flickering GUI and unfortunately that could lead to someone having seizures (a rabbit hole, hooray!). I can help with the HTML/CSS bit on that too.
• Some people like horizontal toolbars, eh...I haven't seen them work well though however I'm only mentioning this since I did say mature concept but I have zero personal interest in horizontal toolbars for browsers. They work well in some scenarios like image editors.

Here is a partial screenshot of what my toolbars look like in Waterfox Classic:

I can't contribute much other than helping in regards to HTML/CSS/JavaScript (happy to on those) so this is another nice-to-have and would serve as a solid foundation for making Dooble's GUI semi-customizable. Moving buttons around is a different thing altogether. I should mention that I have my address bar to the left on my bookmarks toolbar and most of my bookmarks on my bookmarks toolbar are just favicons in order to save space. I have a 4K screen though it only does 60Hz at 1440 and 32" isn't enough for 4K so I'm almost always at 2560x1440 @ 60Hz. It might not make much sense as a layout for other folks. But the basic idea is to allow people to peacefully disagree - that is how you get a winning formula going, at least GUI wise. :-)

I'm sure it's a lot of work so again, this is only nice-to-have though if you got this and some buttons thrown in Dooble would start to be much more viable as an everyday browser so me...everyone's needs vary of course.