[ALCOM][UX] More methods to dismiss dialogs.

[JustBuddy]

Summary / 概要

Currently, the only way to dismiss/cancel various dialogs like Create new Project or Add Repository is to press the cancel button.

Current UX conventions also recommend those two ways of dismissing those dialogs:
— Pressing ESC on your keyboard.
— Clicking outside the dialog.

For outside click dismiss: The space between the red squares should dismiss the dialog on click. You may want to have a bit of space, between inner red and inner green, as a buffer to prevent accidental dismisses when missing the correct buttons with the mouse.

Purpose / 目的

Implementing this UX tweak makes the user experience more natural and more cohesive.

Additional context / 補足

No response

[anatawa12]

For some dialogs, clicking outside of dialog to close the dialog is reasonable.

However, we may unexpectedly close the dialog by mistake by clicking outside of dialog to bring the window front while it's already in front.

So, I/We have to consider which is better for each dialog.

[JustBuddy]

The ones I mentioned should be fine for it, more critical stuff like migration or anything that it's actively doing something, yeah you don't want that.

Everything that isn't critical should ideally follow those UX principles.

[anatawa12]

I know several apps that does not close the dialog on clicking outside of dialog so I don't think it's UX principles.

However, if user inputs (edits) nothing on the dialog, (in other words it's easy to came back to same state), It's ok to close dialog in clicking outside of dialog.

[JustBuddy]

Interesting, I barely know any software that doesn't do this, couldn't think of one.
ESC to cancel should be implemented in any case I think.

I could also not think of any input that would be bad to lose, and I proposed a buffer area around the box to prevent accidental cancellation. Most inputs just want either a name or a link, so nothing critical really.

But these are just my thoughts of someone who extensively uses ALCOM.