Attachment 80413 Details for Bug 21550 – Bug 21550: DataTables four button pagination uses the wrong icon for disabled buttons

[patch] Bug 21550: DataTables four button pagination uses the wrong icon for disabled buttons

Bug-21550-DataTables-four-button-pagination-uses-t.patch (text/plain), 3.11 KB, created by Owen Leonard on 2018-10-11 16:17:34 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2018-10-11 16:17:34 UTC

Size: 3.11 KB

patch

obsolete

>From e69d8befc9cc3513d23556fd18b7b3a60c64d155 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.
>---
> 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

Actions: View | Diff | Splinter Review

Attachments on bug 21550: 80413 | 80444 | 80445