Popover button design for macOS

[kepano]

Currently the popover actions (close, expand, minimize) follow the Windows design language and positioning. On macOS these would feel more native if they used the "traffic light" style and moved to the left side of the popover.

This is doable with CSS only, but a bit hacky. I am thinking about making those changes in Minimal theme, but do you anticipate supporting that natively in the plugin?

[nothingislost]

Hey Kepano, I was thinking theme developers would enable something like that but I'm happy to make any changes to the DOM that would make that easier for you.

I played with this briefly just now and this actually works surprisingly well to get the elements in the right place (except for the minimize/maximize order):

.popover-titlebar { direction: rtl; }
.popover-title { direction: ltr; }

The "show view header" button is going to be a bit problematic to translate into macos window control design language. What were you thinking of doing with that?

[kepano]

I was going to use flex direction to change the order, but what you suggested sounds good too.

I am thinking of moving pin and "show view header" on the right side for macOS?