From 0447cc45bbc4d81993d151041da09407a9eb002a Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
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 <claire.gravely@bsz-bw.de>
---
 koha-tmpl/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 94b03e8..ae93c7e 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.1.4