UI Suggestion Misc

[zeoint]

1. Control Buttons

• Make the app's three control buttons to follow the windows control buttons scheme.
• Currently when hovered over the close button, it does not change its color to red as seen in the below video.

2. Waffle / launcher Icon

• Place it elsewhere, like a step below the control buttons or any other place as its current position looks confusing and not good when two close 'x' buttons are side by side, can be observed in the below video.

Current control buttons

Title.Bar.mp4

Reference

Reference.mp4

[Sheepux]

Currently it's just using the CarbonDesign UIShell design https://carbon-components-svelte.onrender.com/framed/UIShell/HeaderUtilities?theme=g90
I added the window controls as we're hiding the OS window. Moving the drop menu outside the bar would mean i need to code something specific instead of using the embeded features of the carbondesign components
But in the end i'm not even sure if we will still continue with the utilities drop menu (the same options are in the general settings).

Many stuffs are just "tests" (i'm not a UI designer/coder at all)

[Sheepux]

As for the hover red color, it's probabbly easy to add (going to try)

[Sheepux]

Red background on hover commited (matches MS Windows closing button behavior)

[Sheepux]

As for the menu... could be moved into a flipped overflow menu https://carbon-components-svelte.onrender.com/components/OverflowMenu#flipped
(or as i said... basically removed)

[zeoint]

(or as i said... basically removed)

I also wanted to bring it up, but forgot about it. Since it is already in the settings removing it would also be okay.