Window Draggability

[chriscoyier]

It's hard to find a spot to grab the window to drag it around. For me I have to find a spot in between the buttons to do it at all.

[chriscoyier]

Quirk: if the window ISN'T active, it's easier to click in that area and grab it, but once it's active it's harder.

[BryanSchuetz]

I noticed this as well. There's a webkit property for making frameless windows draggable, I just added it to #app in my user.css and it makes the window super draggable:

#app{-webkit-app-region: drag;}

I could add it into app.css if we think this solves the problem reasonably.

EDIT: This does make it basically impossible to highlight things in the app window though—adding it to hands-wrapper or the sessions pane should suffice I'd think.

[chriscoyier]

It doesn't seem to do anything for me. Weird?

Maybe we could do a thin bar along the top? Or maybe not make the window frameless at all?

[BryanSchuetz]

That is weird, can see it working here: https://share.getcloudapp.com/lluJAbly

If we do keep it like this, I suppose we'll have to specify no-drag for the list items in #sessions—I'm assuming the idea is that you can click on the session blocks to switch the current session?

Also, not against just including a title bar either I suppose.

[chriscoyier]

Ah yes, working for me now, not sure what was happening before.

I think...

#sessions {
  -webkit-app-region: drag;
}
#sessions ol li {
   -webkit-app-region: no-drag;
}

is a nice way to handle this.

[ondreian]

this seems closable