From 2b4fbadad5adda03449772d0c5c610423defd2ef Mon Sep 17 00:00:00 2001
From: Lucas Gass <lucas@bywatersolutions.com>
Date: Thu, 20 Jan 2022 21:45:49 +0000
Subject: [PATCH] Bug 19865: Add back horizontal scroll bar

To test:
1. Do a Z39.50/SRU search
2. In the search results click on MARC to get the MARC preview. Choose
   something with lots of MARC data so it is both wide and long.
3. See the Y axis scrollbar
4. You must scroll bottom of the modal to see the X axis scrollbar,
   annoying.
5. Apply patch
6. Try steps 1-4 again. This time you should see the X axis scrollbar
   without having to scroll to the bottom.
7. It's not a bad idea to test in multiple browsers.

Note: I also put the CSS onto multiple lines to increase readability

Signed-off-by: Owen Leonard <oleonard@myacpl.org>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
(cherry picked from commit 099c4b55e7c1b87fc27efcd3c57bc6972d7f2222)

Signed-off-by: Andrew Fuerste-Henry <andrew@bywatersolutions.com>
---
 .../en/modules/cataloguing/z3950_search.tt    | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/z3950_search.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/z3950_search.tt
index 6b8323d5aa..ebc479d81b 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/z3950_search.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/z3950_search.tt
@@ -7,7 +7,29 @@
 <title>Z39.50/SRU search results &rsaquo; Koha</title>
 [% INCLUDE 'doc-head-close.inc' %]
 <style>
-    #dataPreview { width : 90%; top: 5%; } .modal-body { max-height: 380px; } .modal-header { padding: 0 14px; } @media (max-width: 767px) { #dataPreview { margin: 0; width : auto; } }
+    #dataPreview {
+        width : 90%;
+        top: 5%;
+    }
+
+    #dataPreview pre {
+        overflow: unset;
+    }
+
+    .modal-body {
+        max-height: 380px;
+    }
+
+    .modal-header {
+        padding: 0 14px;
+    }
+
+    @media (max-width: 767px) {
+        #dataPreview {
+            margin: 0;
+            width : auto;
+        }
+    }
 </style>
 </head>
 
-- 
2.20.1