From 88e6f1f3bbbb89d4fa3e36ff6555880561c0676d Mon Sep 17 00:00:00 2001
From: Lucas Gass <lucas@bywatersolutions.com>
Date: Thu, 27 Jan 2022 16:55:34 +0000
Subject: [PATCH] Bug 29961: Make horizontal scroll bar always visible on
 acqui/z3950_search.pl

To test:
1. In Acquisitions make a basket and add something "From an external source"
2. Search for a title and click on the 'MARC' button, make sure the MARC prview is both tall and wide.
3. You will not see the horizontal scroll bar unless you scroll all the way to the bottom of the preview.
4. Apply patch.
5. Try steps 1 & 2 again, this time you should see the horizontal scroll bar as soon as the MARC prveiw loads.

Note: I put the CSS on multiple lines for better readability

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
(cherry picked from commit 98c5ecd0d5bbced740c55c85ed1db226f1569b67)

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
(cherry picked from commit e79fe19e67a5c485f0d24fe73907a7c6a98e4496)
Signed-off-by: Arthur Suzuki <arthur.suzuki@biblibre.com>
---
 .../prog/en/modules/acqui/z3950_search.tt     | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/z3950_search.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/z3950_search.tt
index d08aabcb11..f5e6dc1d2e 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/z3950_search.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/z3950_search.tt
@@ -9,7 +9,33 @@
 [% USE Koha %]
 
 <style>
-tr.selected { background-color : #FFFFCC; } tr.selected td { background-color : transparent !important; } #dataPreview { width : 80%; } @media (max-width: 767px) { #dataPreview { margin: 0; width : auto; } }
+tr.selected {
+    background-color : #FFFFCC;
+}
+
+tr.selected td {
+    background-color : transparent !important;
+}
+
+#dataPreview {
+    width : 90%;
+    top: 5%;
+}
+
+#dataPreview pre {
+    overflow: unset;
+}
+
+.modal-body {
+    max-height: 380px;
+}
+
+@media (max-width: 767px) {
+    #dataPreview {
+        margin: 0;
+        width : auto;
+    }
+}
 </style>
 </head>
 
-- 
2.39.5