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>
This commit is contained in:
Owen Leonard 2017-09-20 13:21:27 +00:00 committed by Jonathan Druart
parent 9ad872dc88
commit ef92ad31bf
2 changed files with 17 additions and 13 deletions

View file

@ -42,3 +42,7 @@ th select {
width: 100%;
font-weight: normal;
}
th#items_title {
min-width: 12em;
}

View file

@ -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">'