[Koha] Dispaly of OPAC Holdings on Mobile Devices

[BRANNON, CHRISTOPHER]

This will be repaired with bug 31248 (https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=31248).  In the meantime, you can use this CSS in your OPACuser jQuery (thanks, Lucas):

/* Fix table responsiveness */
@media (max-width: 608px) {
.ui-tabs-panel .item-thumbnail, .tabs-container .item-thumbnail, #opac-user-views .item-thumbnail, #opac-user-readingrec .item-thumbnail, #topissues .item-thumbnail, #usertags .item-thumbnail, #usersuggestions .item-thumbnail {
	 margin: 0.5em 0 0 0.5em;
}
 .ui-tabs-panel .table-bordered, .tabs-container .table-bordered, #opac-user-views .table-bordered, #opac-user-readingrec .table-bordered, #topissues .table-bordered, #usertags .table-bordered, #usersuggestions .table-bordered {
	 border: 0;
}
 .ui-tabs-panel .table, .tabs-container .table, #opac-user-views .table, #opac-user-readingrec .table, #topissues .table, #usertags .table, #usersuggestions .table {
	 width: 100%;
}
 .ui-tabs-panel .table th, .tabs-container .table th, #opac-user-views .table th, #opac-user-readingrec .table th, #topissues .table th, #usertags .table th, #usersuggestions .table th, .ui-tabs-panel .table thead, .tabs-container .table thead, #opac-user-views .table thead, #opac-user-readingrec .table thead, #topissues .table thead, #usertags .table thead, #usersuggestions .table thead {
	 display: none;
}
 .ui-tabs-panel .table td, .tabs-container .table td, #opac-user-views .table td, #opac-user-readingrec .table td, #topissues .table td, #usertags .table td, #usersuggestions .table td {
	 border: 0;
	 display: block;
	 padding: 0.4em 0.3em;
}
 .ui-tabs-panel .table p, .tabs-container .table p, #opac-user-views .table p, #opac-user-readingrec .table p, #topissues .table p, #usertags .table p, #usersuggestions .table p {
	 margin-bottom: 2px;
}
 .ui-tabs-panel tr, .tabs-container tr, #opac-user-views tr, #opac-user-readingrec tr, #topissues tr, #usertags tr, #usersuggestions tr {
	 display: block;
}
 .ui-tabs-panel tr td:first-child, .tabs-container tr td:first-child, #opac-user-views tr td:first-child, #opac-user-readingrec tr td:first-child, #topissues tr td:first-child, #usertags tr td:first-child, #usersuggestions tr td:first-child {
	 border-top: 0;
}
 .ui-tabs-panel tr td:last-child, .tabs-container tr td:last-child, #opac-user-views tr td:last-child, #opac-user-readingrec tr td:last-child, #topissues tr td:last-child, #usertags tr td:last-child, #usersuggestions tr td:last-child {
	 border-bottom: 0;
}
}

Christopher Brannon

Date: Sat, 11 Mar 2023 00:41:11 +1100
From: Rosewood Farm Library <library at rosewoodfarm.com.au>
To: koha at lists.katipo.co.nz
Subject: [Koha] Dispaly of OPAC Holdings on Mobile Devices
Message-ID:
	<CAGLaEwbuQJA0TMHupz+oHDqwbRQ-u79GezDEUzNj8yna0=ZbLA at mail.gmail.com>
Content-Type: text/plain; charset="UTF-8"

Dear all,

We are using Koha 22.05.06.

When displaying OPAC holdings on a mobile device, they are in column (or
table) format (like showing on a desktop computer).  In earlier versions, they were not displayed in such a format.

How can I change this to a non-column (or table) format, so information are more readable?

Kind regards,

Iming Chan

*Rosewood Farm Library*


*ROSEWOOD FARM GROUP PTY. LTD.*
ACN 621 676 711 | ATF Bullas Chan Trust (ABN 95 696 171 924)
20 Research Road (PO Box 363), Lara, Victoria, 3212, Australia
(03) 5275 2939 | https://rosewoodfarm.com.au <http://rosewoodfarm.com.au>

Cat Boarding | Secured Storage | Canine Fitness