Less scrolling in MARC View display in Z39.50 would provide greater usability

[Sarah Childs]

When you look at a MARC record in the web client, it opens in a pop-up with the cover image displaying at the top (quite large, might I add). In order to actually review the MARC, you have to scroll down. This is a very tedious and repetitive amount of scrolling when done for MARC record after MARC record all day long.

A horizontal display where the cover image is next to the MARC record, as it is in the XUL client, rather than above it would be much preferable. I doubt most people are cataloging on smart phones and tablets, so making use of our wide, horizontal monitors rather than emphasizing vertical space would be nice.

[Garry Collum (gcollum)]

A proposed fix that makes the image smaller and that uses a horizontal display is at http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/gcollum/LP1761242_z3950_marc_view_greater_usability

[Jane Sandberg (sandbergja)]

This looks really nice on larger screens, Garry. I've attached a screenshot of what it looks like for me.

It does make the MARC record very squished on small (phone) screens, though; even when you are holding the phone sideways. I don't think we should totally rule out the use case that somebody might want to use this screen on a phone. How would folks feel about not displaying the cover image when this screen is accessed on a phone (i.e. changing <div class="media-left"> to <div class="media-left hidden-xs">)?

[Jane Sandberg (sandbergja)]

Here's what it looks like in Chromium's responsive design iPhone 6 view for me.

[Garry Collum (gcollum)]

Thanks for the feedback, Jane. I have uploaded another branch incorporating your idea of hiding the image on smaller devices, if people want to compare. I for one, prefer the hidden image.

http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/gcollum/LP1761242_z3950_marc_view_greater_usability_mobile

[Sarah Childs (sarahc)]

Love the new display, and I agree that hiding the image on a small screen is the way to go.

[Janet Schrader (jschrader)]

I wasn't able to test it on a mobile device due to this bug: https://bugs.launchpad.net/evergreen/+bug/1789747

Tested on 3.0.11 with all recent updates and this patch.

I have tested this code and consent to signing off on it with my name, Janet Schrader and my email address, <email address hidden>.

[Galen Charlton (gmc)]

Pushed to master, rel_3_2, and rel_3_1. Thanks, Garry and Janet!