LP#1984269: Bootstrap opac: display of tables on small screens
authorGarry Collum <gcollum@gmail.com>
Thu, 11 Aug 2022 18:44:19 +0000 (18:44 +0000)
committerGalen Charlton <gmc@equinoxOLI.org>
Mon, 30 Jan 2023 15:09:51 +0000 (10:09 -0500)
commitba2d16130353ec196db98eb4c640a39397fb16b8
tree31813305bdc263a65521137bd5720c6df9066a41
parent577b8f616649ab16f6d98ce13d5816c52db26dbe
LP#1984269: Bootstrap opac: display of tables on small screens

This incorporates a generic process to display vertical tables in the Bootstrap
opac in small screens by adding a 'mobile-title' attr to any <td> elements
of the table.  This patch uses the copy_table.tt2 and results/table.tt2
as examples.

These two tables are best tested with bibs that contain items that have parts.
The results/table.tt2 is displayed by using the "Show More Details" button
on the results screen.  When the screen is sized so that the tables become
vertical the parts column is not displayed.  After the patch is applied
the parts column is displayed only on those bibs that contain parts.

For these two particular tables, it also refactors the method
in which the copies are numbered with the lists.  Prior to the patch the
mobile display would show the copy number, but it would stop at 10 for both
of these tables, because that's what was defined in CSS.  They should now
display a number for each table row displayed.

Signed-off-by: Garry Collum <gcollum@gmail.com>
Signed-off-by: John Amundson <jamundson@cwmars.org>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
Open-ILS/src/templates-bootstrap/opac/css/mediaQuery.css.tt2
Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
Open-ILS/src/templates-bootstrap/opac/parts/record/copy_table.tt2
Open-ILS/src/templates-bootstrap/opac/parts/result/table.tt2