Owen Leonard
715826b799
This follow-up to the original patch offers an alternative method to handle the width of the table and form fields: - Reduce the font size of the filter input fields - Make the filter inputs' width 100% instead of fixed - Add "'bAutoWidth': false" to the datatables initialization to prevent the table width from being set to the browser window width on load. This allows the browser to be re-sized and have the table re-flow with it. Signed-off-by: Julian Maurice <julian.maurice@biblibre.com> Signed-off-by: Jonathan Druart <jonathan.druart@biblibre.com> Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
232 lines
5.6 KiB
CSS
232 lines
5.6 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;
|
|
}
|
|
|
|
/* ColumnFilter */
|
|
span.filter_column > input.text_filter {
|
|
font-size: 80%;
|
|
width: 100%;
|
|
}
|