Bug 19348: Title column in item search is too narrow

This patch adds IDs to the item search results table header so that
columns can be targeted by CSS or JS. The CSS for the item search page
has been modified to give the title column a minimum width.

To test, apply the patch and clear your browser cache if necessary.
Perform an item search and confirm that the title column stays at a
reasonable width.

Signed-off-by: Dominic Pichette <dominic@inlibro.com>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

diff --git a/koha-tmpl/intranet-tmpl/prog/css/itemsearchform.css b/koha-tmpl/intranet-tmpl/prog/css/itemsearchform.css
index 8edc941..d94c510 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/itemsearchform.css
+++ b/koha-tmpl/intranet-tmpl/prog/css/itemsearchform.css
@@ -42,3 +42,7 @@ th select {
   width: 100%;
   font-weight: normal;
 }
+
+th#items_title {
+  min-width: 12em;
+}
\ No newline at end of file

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/itemsearch.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/itemsearch.tt
index 5588242..5e02cc4 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/itemsearch.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/itemsearch.tt
@@ -239,19 +239,19 @@
         function submitForm($form) {
             var tr = ''
                 + '    <tr>'
-                + '      <th>' + _("Title") + '</th>'
-                + '      <th>' + _("Publication date") + '</th>'
-                + '      <th>' + _("Publisher") + '</th>'
-                + '      <th>' + _("Collection") + '</th>'
-                + '      <th>' + _("Barcode") + '</th>'
-                + '      <th>' + _("Call number") + '</th>'
-                + '      <th>' + _("Home library") + '</th>'
-                + '      <th>' + _("Current location") + '</th>'
-                + '      <th>' + _("Shelving location") + '</th>'
-                + '      <th>' + _("Inventory number") + '</th>'
-                + '      <th>' + _("Status") + '</th>'
-                + '      <th>' + _("Checkouts") + '</th>'
-                + '      <th></th>'
+                + '      <th id="items_title">' + _("Title") + '</th>'
+                + '      <th id="items_pubdate">' + _("Publication date") + '</th>'
+                + '      <th id="items_publisher">' + _("Publisher") + '</th>'
+                + '      <th id="items_collection">' + _("Collection") + '</th>'
+                + '      <th id="items_barcode">' + _("Barcode") + '</th>'
+                + '      <th id="items_callno">' + _("Call number") + '</th>'
+                + '      <th id="items_homebranch">' + _("Home library") + '</th>'
+                + '      <th id="items_holdingbranch">' + _("Current location") + '</th>'
+                + '      <th id="items_location">' + _("Shelving location") + '</th>'
+                + '      <th id="item_inventoryno">' + _("Inventory number") + '</th>'
+                + '      <th id="items_status">' + _("Status") + '</th>'
+                + '      <th id="items_checkouts">' + _("Checkouts") + '</th>'
+                + '      <th id=""></th>'
                 + '    </tr>'
             var table = ''
                 + '<table id="results">'