Is your feature request related to a problem? Please describe.
The height of items in the image gallery are inconsistent; the height of each row is always the maximum necessary for the longest item.
Describe the solution you'd like
I think the height of each item should match the longest, rather than having white space on the top and bottom. This is achievable by adding the following CSS (generated using FF Style Change inspector):
/* style.css | https://dhil.lib.sfu.ca/wilde/resources/css/style.css */
#content .row {
display: flex;
flex-wrap: wrap;
}
/* Inline #2 | https://dhil.lib.sfu.ca/wilde/gallery.html */
.col-xs-12.col-sm-4 {
display: flex;
}
/* bootstrap.min.css | https://dhil.lib.sfu.ca/wilde/resources/lib/bootswatch/lumen/bootstrap.min.css */
.thumbnail {
width: 100%; /*Necessary for making the items full width in small device mode*/
}
Is your feature request related to a problem? Please describe. The height of items in the image gallery are inconsistent; the height of each row is always the maximum necessary for the longest item.
Describe the solution you'd like
I think the height of each item should match the longest, rather than having white space on the top and bottom. This is achievable by adding the following CSS (generated using FF Style Change inspector):
Additional context
Before:
After: