From 99ba1fabd6ae2f3d9fb5c4d4b4f49b00b40e0572 Mon Sep 17 00:00:00 2001 From: David Cook Date: Fri, 16 Jan 2026 04:03:41 +0000 Subject: [PATCH] Bug 41645: Make self-checkout use responsive CSS This change makes the responsive CSS work with self-checkout. This changes also includes a few minor HTML changes to make the display look good both on large and small screens. Test plan: 0. Apply the patch 1. Go to http://localhost:8080/cgi-bin/koha/sco/sco-main.pl 2. Log in as the koha user 3. Check out barcodes 39999000004571 and 39999000001310 4. In an incognito window, add holds and charges for the koha user 5. Go back to http://localhost:8080/cgi-bin/koha/sco/sco-main.pl and log in as the koha user 6. Using your F12 dev tools, look at the interface with different widths 7. Note that the datatables have a responsive design which looks good on a mobile view 8. Note that the page stays contained to the small screen size and you don't have to scroll horizontally to see all the content Signed-off-by: David Nind Signed-off-by: Baptiste Wojtkowski --- .../bootstrap/en/modules/sco/sco-main.tt | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt index 6a7f5d00a23..edbc5f66e78 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt +++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt @@ -19,6 +19,7 @@ + [% IF ( Koha.Preference('OpacFavicon') ) %] [% ELSE %] @@ -100,21 +101,23 @@ [% END %] -
+
-
+
+
+
[% IF batch_checkouts_allowed %] [% ELSE %] [% END %]
-
+
+
+
-
-
@@ -186,9 +189,9 @@ Title Call number Due - Renew + Renew [% IF Koha.Preference('SCOAllowCheckin') %] - Check in + Check in [% END %] [% UNLESS ( nofines ) %] Fines -- 2.43.0