Owen Leonard
5434882791
When the DataTables plugin was upgraded the DataTables CSS was not updated at the same time, causing problems in the display due to changes in how the plugin works. The DataTables upgrade added text lables to the image-only buttons in order to improve accessibility. This patch revises the CSS and the four_button pager modification to conform with the upgrade. To test, please view tables which use each of three types of pagers: default two-button (ex: circ/pendingreserves), custom four-button (ex: members/readingrec.pl) and full (ex: tools/quotes.pl). Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz> Signed-off-by: Paul Poulain <paul.poulain@biblibre.com>
227 lines
5.5 KiB
CSS
227 lines
5.5 KiB
CSS
input.search_init {
|
|
color: #999999;
|
|
}
|
|
.sorting_asc {
|
|
padding-right: 19px;
|
|
background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
|
|
}
|
|
.sorting_desc {
|
|
padding-right: 19px;
|
|
background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
|
|
}
|
|
.sorting {
|
|
padding-right: 19px;
|
|
background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
|
|
}
|
|
.sorting_asc_disabled {
|
|
padding-right: 19px;
|
|
background: url("../../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
|
|
}
|
|
.sorting_desc_disabled {
|
|
padding-right: 19px;
|
|
background: url("../../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
|
|
}
|
|
.sorting_disabled {
|
|
padding-right: 19px;
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
div.top {clear : both; }
|
|
|
|
div.top.pager,
|
|
div.bottom.pager {
|
|
background-color : #E5E5E5;
|
|
padding : 0;
|
|
}
|
|
|
|
div.bottom.pager div.dataTables_paginate.paging_full_numbers,
|
|
div.bottom.pager div.dataTables_paginate.paging_four_button {
|
|
border-right-width : 0;
|
|
}
|
|
|
|
div.dataTables_filter,
|
|
div.dataTables_length,
|
|
div.dataTables_info,
|
|
div.dataTables_paginate {
|
|
float: left;
|
|
padding : .3em .5em .3em .5em;
|
|
|
|
}
|
|
div.dataTables_length {
|
|
border-right : 1px solid #686868;
|
|
line-height:1.9em;
|
|
}
|
|
div.dataTables_info {
|
|
border-right : 1px solid #AAA;
|
|
line-height:1.9em;
|
|
}
|
|
div.dataTables_length,
|
|
div.dataTables_filter {
|
|
border-left : 1px solid #FFF;
|
|
}
|
|
div.dataTables_filter {
|
|
line-height : 1.9em;
|
|
}
|
|
div.dataTables_paginate {
|
|
background-color : #F4F4F4;
|
|
padding : 0;
|
|
}
|
|
|
|
.paging_full_numbers a.paginate_button,
|
|
.paging_full_numbers a.paginate_active {
|
|
border-right : 1px solid #AAA;
|
|
border-left : 1px solid #FFF;
|
|
display : block;
|
|
float : left;
|
|
line-height:1.6em;
|
|
padding: .3em .7em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.paging_full_numbers a.paginate_button {
|
|
color : #0000CC;
|
|
}
|
|
.paging_full_numbers a.paginate_button.first {
|
|
background-image : url('../../img/first.png');
|
|
background-repeat: no-repeat;
|
|
background-position : 1% center;
|
|
padding-left : 2em;
|
|
}
|
|
.paging_full_numbers a.paginate_button.previous {
|
|
background-image : url('../../img/prev.png');
|
|
background-repeat: no-repeat;
|
|
background-position : 1% center;
|
|
padding-left : 2em;
|
|
}
|
|
.paging_full_numbers a.paginate_button.next {
|
|
background-image : url('../../img/next.png');
|
|
background-repeat: no-repeat;
|
|
background-position : 96% center;
|
|
padding-right : 2em;
|
|
}
|
|
.paging_full_numbers a.paginate_button.last {
|
|
background-image : url('../../img/last.png');
|
|
background-repeat: no-repeat;
|
|
background-position : 96% center;
|
|
border-right : 1px solid #686868;
|
|
padding-right : 2em;
|
|
}
|
|
div.bottom.pager .paging_full_numbers a.paginate_button.last {
|
|
border-right-width : 0;
|
|
}
|
|
.paging_full_numbers a.paginate_active {
|
|
background-color : #FFFFEA;
|
|
color : #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.paging_full_numbers a.paginate_button:hover {
|
|
background-color: #FFC;
|
|
}
|
|
|
|
.paging_full_numbers a.paginate_button.paginate_button_disabled {
|
|
color : #666;
|
|
}
|
|
|
|
/* Two-button version */
|
|
|
|
div.dataTables_paginate.paging_two_button,
|
|
div.dataTables_paginate.paging_four_button {
|
|
background-color : transparent;
|
|
border-right : 1px solid #686868;
|
|
border-left : 1px solid #FFF;
|
|
line-height : 2.5em;
|
|
}
|
|
.paginate_disabled_first,
|
|
.paginate_enabled_first,
|
|
.paginate_disabled_previous,
|
|
.paginate_enabled_previous,
|
|
.paginate_disabled_next,
|
|
.paginate_enabled_next,
|
|
.paginate_disabled_last,
|
|
.paginate_enabled_last {
|
|
cursor: pointer;
|
|
*cursor: hand;
|
|
padding: .1em 0;
|
|
}
|
|
|
|
.paginate_disabled_previous,
|
|
.paginate_enabled_previous,
|
|
.paginate_disabled_next,
|
|
.paginate_enabled_next {
|
|
color: #111 !important;
|
|
}
|
|
|
|
.paginate_disabled_previous,
|
|
.paginate_enabled_previous {
|
|
padding-left: 23px;
|
|
}
|
|
.paginate_disabled_next,
|
|
.paginate_enabled_next,
|
|
.paginate_disabled_last,
|
|
.paginate_enabled_last {
|
|
padding-right: 23px;
|
|
margin-left: 10px;
|
|
margin-right : .3em;
|
|
}
|
|
|
|
.paging_four_button .paginate_disabled_first,
|
|
.paging_four_button .paginate_disabled_previous,
|
|
.paging_four_button .paginate_enabled_first,
|
|
.paging_four_button .paginate_enabled_previous {
|
|
margin-left : .3em;
|
|
}
|
|
|
|
.paginate_disabled_first {
|
|
background: transparent url("../../img/first-disabled.png") no-repeat 3px top;
|
|
}
|
|
.paginate_enabled_first {
|
|
background: transparent url("../../img/first.png") no-repeat 3px top;
|
|
cursor: pointer;
|
|
}
|
|
.paginate_disabled_previous {
|
|
background: transparent url("../../img/prev-disabled.png") no-repeat 3px top;
|
|
}
|
|
.paginate_enabled_previous {
|
|
background: transparent url("../../img/prev.png") no-repeat 3px top;
|
|
cursor: pointer;
|
|
}
|
|
.paginate_disabled_next {
|
|
background: transparent url("../../img/next-disabled.png") no-repeat right top;
|
|
}
|
|
.paginate_enabled_next {
|
|
background: transparent url("../../img/next.png") no-repeat right top;
|
|
cursor: pointer;
|
|
}
|
|
.paginate_disabled_last {
|
|
background: transparent url("../../img/last-disabled.png") no-repeat right top;
|
|
}
|
|
.paginate_enabled_last {
|
|
background: transparent url("../../img/last.png") no-repeat right top;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dataTables_processing {
|
|
background-color: white;
|
|
border: 1px solid #DDDDDD;
|
|
color: #999999;
|
|
font-size: 14px;
|
|
height: 30px;
|
|
left: 50%;
|
|
margin-left: -125px;
|
|
margin-top: -15px;
|
|
padding: 14px 0 2px;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 50%;
|
|
width: 250px;
|
|
}
|
|
|
|
tr.odd.selected td {
|
|
background-color: #D3D3D3;
|
|
}
|
|
|
|
tr.even.selected td {
|
|
background-color: #D3D3D3;
|
|
}
|
|
|