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>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
(cherry picked from commit d9b922f46f)
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
This commit is contained in:
parent
2ea99b1998
commit
417e28f14e
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue