Display collection modal in Elastic mode

[ggeisler]

#3248 proposes significant changes to the modal used to help the user navigate through a collection object. The examples in that ticket assume we’re using Mirador in the default mosaic workspace type. Below are details for presenting the modal when the user is in the elastic workspace type.

(You might notice a few other differences in the mockups in this ticket from the examples in #3248, such as the lack of a modal footer and the expandable/collapsible filter section. These are responsive adjustments, not specific to the elastic workspace, so I’ll cover those in a separate ticket.

The mockups here also assume that the default width of windows in elastic mode has been changed to 480px, as suggested in #3272.)

Default view of collection object

As discussed in #3248, the collection modal should be applied at the window-level, rather than the workspace-level, since the modal applies to the window. Here’s an example of the default view of a collection object that was configured to be displayed in the workspace by default (and either the elastic workspace was also configured to be the default, or the user has changed workspace types):

• Because the scrim and the modal are applied to the window, if there are more than one collection-level objects configured, they can each be displayed with their own modal.

• The modal is much smaller than the examples in #3248 but the layout is basically the same. There is just less content in view before the user needs to scroll:

If the user uses the modal to navigate to and select an object, the modal closes and the object is displayed in the window, as usual.

Closing the modal without selecting an object

Same approach as in the mosaic workspace type, we display a No item selected message and a Show collection button to re-trigger the modal: