From e2c9d7b880fde54116e7c6eb35a25549425bb962 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Fri, 9 Nov 2012 14:48:14 -0500 Subject: [PATCH] Bug 9034 [Follow-up] Add sorting and filtering on items table (catalogue/detail.pl) Content-Type: text/plain; charset="utf-8" This follow-up to the original patch offers an alternative method to handle the width of the table and form fields: - Reduce the font size of the filter input fields - Make the filter inputs' width 100% instead of fixed - Add "'bAutoWidth': false" to the datatables initialization to prevent the table width from being set to the browser window width on load. This allows the browser to be re-sized and have the table re-flow with it. --- koha-tmpl/intranet-tmpl/prog/en/css/datatables.css | 5 +++++ .../prog/en/modules/catalogue/detail.tt | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css b/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css index 214e543..92e1768 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css @@ -225,3 +225,8 @@ tr.even.selected td { background-color: #D3D3D3; } +/* ColumnFilter */ +span.filter_column > input.text_filter { + font-size: 80%; + width: 100%; +} diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt index 8abd060..dd2098f 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt @@ -54,7 +54,8 @@ function verify_images() { $(document).ready(function() { $("#itemstable").dataTable($.extend(true, {}, dataTablesDefaults, { 'sDom': 't', - 'bPaginate': false + 'bPaginate': false, + 'bAutoWidth': false })).columnFilter({ 'sPlaceHolder': 'head:after' }); -- 1.7.9.5