From 10f370292d86c27d72f80e1a5010c80d8431bb88 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Thu, 11 Oct 2018 15:59:13 +0000 Subject: [PATCH] Bug 21550: DataTables four button pagination uses the wrong icon for disabled buttons This patch modifies the DataTables CSS which styles "full_nubmers" controls which are disabled: First and Previous buttons on the first page of results, Next and Last buttons on the last page of results. These buttons should have gray icons instead of blue. To test, apply the patch and clear your browser cache if necessary. View a page which uses a "full_numbers" DataTables configuration, e.g. - Administration -> Cities - ILL requests -> List requests - Circulation -> Holds to pull Confirm that buttons in their disabled state have a gray icon and text instead of blue. Signed-off-by: Claire Gravely Signed-off-by: Katrin Fischer Signed-off-by: Nick Clemens (cherry picked from commit d9b922f46f8d551949f337f29edef6985130c8ba) Signed-off-by: Martin Renvoize (cherry picked from commit 417e28f14ebccdef073491b94bbbad8a80a0630d) Signed-off-by: Fridolin Somers --- .../intranet-tmpl/prog/css/datatables.css | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/koha-tmpl/intranet-tmpl/prog/css/datatables.css b/koha-tmpl/intranet-tmpl/prog/css/datatables.css index 94b03e8cbf..ae93c7e386 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/datatables.css +++ b/koha-tmpl/intranet-tmpl/prog/css/datatables.css @@ -126,6 +126,7 @@ div.dataTables_paginate { border-right : 0; padding-right : 25px; } + div.bottom.pager .paging_full_numbers a.paginate_button.last { border-right-width : 0; } @@ -199,35 +200,54 @@ div.dataTables_paginate.paging_four_button { margin-left : .3em; } +.paging_full_numbers a.paginate_button.first.disabled, .paginate_disabled_first { background: transparent url("../img/first-disabled.png") no-repeat 3px top; + color: #666; + cursor: default; } .paginate_enabled_first { background: transparent url("../img/first.png") no-repeat 3px top; cursor: pointer; } +.paging_full_numbers a.paginate_button.previous.disabled, .paginate_disabled_previous { background: transparent url("../img/prev-disabled.png") no-repeat 3px top; + color: #666; + cursor: default; } .paginate_enabled_previous { background: transparent url("../img/prev.png") no-repeat 3px top; cursor: pointer; } +.paging_full_numbers a.paginate_button.next.disabled, .paginate_disabled_next { background: transparent url("../img/next-disabled.png") no-repeat right top; + color: #666; + cursor: default; } .paginate_enabled_next { background: transparent url("../img/next.png") no-repeat right top; cursor: pointer; } +.paging_full_numbers a.paginate_button.last.disabled, .paginate_disabled_last { background: transparent url("../img/last-disabled.png") no-repeat right top; + color: #666; + cursor: default; } .paginate_enabled_last { background: transparent url("../img/last.png") no-repeat right top; cursor: pointer; } +.paging_full_numbers a.paginate_button.first.disabled, +.paging_full_numbers a.paginate_button.previous.disabled, +.paging_full_numbers a.paginate_button.next.disabled, +.paging_full_numbers a.paginate_button.last.disabled { + background-position-y: 7px; +} + .dataTables_processing { background-color: white; border: 1px solid #999; -- 2.39.2