In OPAC search results, titles are not aligned below each other if the cover display differs
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Medium
|
Unassigned |
Bug Description
In the search result screen in Bootstrap OPAC, the titles are not aligned below each other. Left alignment depends on availability of the cover image for the title or on the size of the cover image, see the attached image title_alingnmen
I'm not sure if that's the intention.
However, considering the accessibility, this might be a problem. For example, it makes it difficult for visually impaired people to navigate the list of results.
Unless we missed some furher context of the problem, to align the list of titles regardless of the availability of the title cover image or its size could be quite simple:
In the templates-
- to change col-sm-auto to col-sm-2 on line 91,
- to change class='my-2' to class='my-2 img-fluid' on line 93.
We applied the above template changes to our test catalog (Evergreen version 3.6.2) and it works, see the attached image aligned_titles.png. The display is seamless even on mobile devices.
Changed in evergreen: | |
status: | New → Confirmed |
importance: | Undecided → Medium |
tags: | added: bootstrap design |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
Working branch user/jeffdavis/ lp1920268- bootstrap- align-titles implements Eva's proposed changes:
https:/ /git.evergreen- ils.org/ ?p=working/ Evergreen. git;a=shortlog; h=refs/ heads/user/ jeffdavis/ lp1920268- bootstrap- align-titles
(Possibly the commit should be modified to make Eva the author.)