Highlight modal dialogs

[georgweiss]

My users are asking for a way to style modal dialogs such that they become easier to locate in a scenario with multiple screens and windows. Typical pain point is when a dialog is rendered, but then "forgotten", which results in user thinking Phoebus has hung as it does not respond when trying to interact with a window where the dialog is not rendered.

A simple solution would be to style dialogs globally, e.g. add a border around the content of the dialog (see css example below). Obvious drawback is of course that all dialogs would be affected, no matter the context and purpose.

I've come up with a way to do this in a non-intrusive manner in our product, but if there is a general interest in this it should maybe be added to the common code.

Comments, anyone?

.dialog-pane{
  -fx-border-color:red;
  -fx-border-width:10.0px;
 }