Search results alternative layouts missing styling (Gallery, Masonry) - Bootstrap 4

[eporter23]

Descriptive summary

Hyrax 3.x branches using Bootstrap 4 appear to have missing styling for non-list search result layouts.

Rationale

Design continuity and usability

Expected behavior

When a user clicks on one of the non-default layouts, the search results should be presented in an alternative way according to the design pattern for that layout option.

Gallery (nurax example)

Masonry (nurax example)

Slideshow (nurax example)

Actual behavior

Thumbnails are missing, and content blocks are not well delineated from each other. The slideshow option is also missing guidance text above the thumbnails ("Select an image to start the slideshow"), and the modal window is unstyled.

Gallery

Masonry

Slideshow

Steps to reproduce the behavior

1. Go to the homepage and hit Go in the search box to produce a large results list
2. In the search results page, click on one of the non-list options such as Gallery, Masonry, or slideshow and observe the layout

Related work

Link to related tickets or prior related work here.

[rjkati]

testing blocked by #5888

[jlhardes]

#5888 is closed and this should be testable on nurax-dev

[jlhardes]

On nurax-dev with Hyrax 4 beta2, Gallery view is better (there are boxes around each item so better delineated) but thumbnails still missing.

Masonry view looks better and is all thumbnails like it was before.

Slideshow view seems to have better thumbnail view but still missing "Select an image to start the slideshow" instruction text.

[rjkati]

Retested on nurax-dev (hyrax 4.0.0.beta2) and behavior is still as described in #5721 (comment)