top bar drag

[ofZach]

to fix the top bar drag issue that @kylemcdonald mentioned in feedback I suggest creating a top bar above the menu and making both these things fixed. the top bar would be draggable but the menu would not be.

I've tried styling this with different colors, but the best thing I've seen it to actually use a small image sliver... I'm not sure if this is too distracting -- including a few refs as examples.....

[Daandelange]

Nice solution, I personally prefer the black&white one.
What about making the top bar a little smaller and put the image also behind the menu items wich would have a semi-black bg ? A quick way of putting it above the image zone is to use a negative margin like this:
margin-top: -50px; background-color: rgba(0,0,0,0.6);

[ofZach]

good suggestions !

got little stuff to fix with rounded edges and maybe try some images out...

[Daandelange]

This is getting sexy! 👍
I'm not sure about the x on the same line as the tabs but why not.

[off topic] Did you generate that image ?

[ofZach]

it could also be done without an image like this

[kylemcdonald]

the semi-transparent heading you posted in #35 (comment) looks AWESOME.

it does make me wonder: why is there a tab at all when we are in "not advanced" mode? if it's only to switch back and forth from "settings" then it would make more sense to remove the "create/update" tab when it's alone, and for "settings" to be a toggle. this would make the top bar smaller, and help visually unclutter it from text in the 90% of cases most people need to use the PG.