Removed grey border around navigation controls, removed ellipses in navigation, changed pagination limit for buttons so should not change positions when moving between pages

This commit is contained in:
evilhero 2018-06-19 13:44:58 -04:00
parent cbafa5c9eb
commit 54c8d78496
4 changed files with 68 additions and 57 deletions

View File

@ -264,14 +264,17 @@ td.details {
border: 2px solid #A19B9E;
}
.paging_full_numbers {
.paging_full_numbers,
.paging_simple_numbers {
width: 400px;
height: 22px;
line-height: 22px;
}
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
.paging_full_numbers span.paginate_active,
.paging_simple_numbers span.paginate_button,
.paging_simple_numbers span.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
@ -281,15 +284,18 @@ td.details {
*cursor: hand;
}
.paging_full_numbers span.paginate_button {
.paging_full_numbers span.paginate_button,
.paging_simple_numbers span.paginate_button {
background-color: #fff;
}
.paging_full_numbers span.paginate_button:hover {
.paging_full_numbers span.paginate_button:hover,
.paging_simple_numbers span.paginate_button:hover {
background-color: #ccc;
}
.paging_full_numbers span.paginate_active {
.paging_full_numbers span.paginate_active,
.paging_simple_numbers span.paginate_active {
background-color: #99B3FF;
}

View File

@ -555,14 +555,16 @@ td.details {
border: 2px solid #A19B9E;
}
.paging_full_numbers {
.paging_full_numbers, .paging_simple_numbers {
width: 400px;
height: 22px;
line-height: 22px;
}
.paging_full_numbers .paginate_button,
.paging_full_numbers .paginate_active {
.paging_full_numbers .paginate_active,
.paging_simple_numbers .paginate_button,
.paging_simple_numbers .paginate_active {
background: none repeat scroll 0 0 #F3F3F3;
border-radius: 5px 5px 5px 5px;
margin: 0 0 0 5px;
@ -573,11 +575,11 @@ td.details {
*cursor: hand;
}
.paging_full_numbers .paginate_button:hover {
.paging_full_numbers .paginate_button:hover, .paging_simple_numbers .paginate_button:hover {
background-color: #e2e2e2;
}
.paging_full_numbers .paginate_active {
.paging_full_numbers .paginate_active, .paging_simple_numbers .paginate_active {
background-color: #4183C4;
color: #FFF;
}

View File

@ -104,37 +104,37 @@
</%def>
<%def name="javascriptIncludes()">
<script src="js/libs/jquery.dataTables.min.js"></script>
<script src="js/libs/jquery.dataTables.min.js"></script>
<script src="js/libs/full_numbers_no_ellipses.js"></script>
<script>
function initThisPage() {
$('#series_table').dataTable(
{
"sDom": '<"top"flip<"clear">>rt<"bottom"ip<"clear">>',
"destroy": true,
"columnDefs": [
{ "orderable": false, "targets": [5, 7, 10] },
{ "visible": false, "targets": [5, 7, 10] },
{ "type": 'num', "targets": 5 },
{ "type": 'num', "targets": 7 },
{ "orderData": [ 5, 7 ], "targets": 6 },
{ "orderData": 10, "targets": 9 },
{ "order": [[7, 'asc'],[1, 'asc']] }
],
"lengthMenu": [[10, 15, 25, 50, 100, 200, -1], [10, 15, 25, 50, 100, 200, 'All' ]],
"language": {
"lengthMenu":"Show _MENU_ results per page",
"emptyTable": "No results",
"info":"Showing _START_ to _END_ of _TOTAL_ results",
"infoEmpty":"Showing 0 to 0 of 0 results",
"infoFiltered":"(filtered from _MAX_ total results)",
"search" : ""},
"stateSave": true,
"pageLength": 25,
"pagingType": "full_numbers"
});
resetFilters("comic");
$.fn.DataTable.ext.pager.numbers_length = 3;
$('#series_table').dataTable( {
"destroy": true,
"sDom": '<"clear"f><"clear"lp><"clear">rt<"clear"ip>',
"columnDefs": [
{ "orderable": false, "targets": [5, 7, 10] },
{ "visible": false, "targets": [5, 7, 10] },
{ "type": 'num', "targets": 5 },
{ "type": 'num', "targets": 7 },
{ "orderData": [ 5, 7 ], "targets": 6 },
{ "orderData": 10, "targets": 9 },
{ "order": [[7, 'asc'],[1, 'asc']] }
],
"lengthMenu": [[10, 15, 25, 50, 100, 200, -1], [10, 15, 25, 50, 100, 200, 'All' ]],
"language": {
"lengthMenu":"Show _MENU_ results per page",
"emptyTable": "No results",
"info":"Showing _START_ to _END_ of _TOTAL_ results",
"infoEmpty":"Showing 0 to 0 of 0 results",
"infoFiltered":"(filtered from _MAX_ total results)",
"search" : ""},
"stateSave": true,
"pageLength": 25,
"pagingType": "simple_numbers"
});
resetFilters("comic");
}
$(document).ready(function(){

View File

@ -93,28 +93,31 @@
<%def name="javascriptIncludes()">
<script src="js/libs/jquery.dataTables.min.js"></script>
<script src="js/libs/full_numbers_no_ellipses.js"></script>
<script>
function initThisPage() {
$('#manage_comic').dataTable(
{
"bDestroy": true,
"aoColumnDefs": [
{ 'bSortable': false, 'aTargets': [ 0, 1 ] }
],
"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, 'All' ]],
"oLanguage": {
"sLengthMenu":"Show _MENU_ results per page",
"sEmptyTable": "No results",
"sInfo":"Showing _START_ to _END_ of _TOTAL_ results",
"sInfoEmpty":"Showing 0 to 0 of 0 results",
"sInfoFiltered":"(filtered from _MAX_ total results)",
"sSearch" : ""},
"bStateSave": true,
"iDisplayLength": 25,
"sPaginationType": "full_numbers",
"aaSorting": [[2, 'desc'],[3, 'desc']]
});
resetFilters("comic");
$.fn.DataTable.ext.pager.numbers_length = 5;
$('#manage_comic').dataTable( {
"destroy": true,
"sDom": '<"clear"f><"clear"lp><"clear">rt<"clear"ip>',
"deferRender": true,
"columnDefs": [
{ 'bSortable': false, 'aTargets': [ 0, 1 ] },
{ 'order': [[2, 'desc'],[3, 'desc']] }
],
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, 'All' ]],
"language": {
"lengthMenu":"Show _MENU_ results per page",
"emptyTable": "No results",
"info":"Showing _START_ to _END_ of _TOTAL_ results",
"infoEmpty":"Showing 0 to 0 of 0 results",
"infoFiltered":"(filtered from _MAX_ total results)",
"search" : ""},
"stateSave": true,
"pageLength": 25,
"pagingType": "simple_numbers"
});
resetFilters("comic");
}
$(document).ready(function(){