Bidirectional CSS (LTR/RTL layout support), Glyphicons/Font Awesome.

pull/51/head
eladxxx 11 years ago
parent 1d87cbe6c6
commit b0f8a5e78e

@ -3,6 +3,10 @@ div.dataTables_length label {
float: left; float: left;
text-align: left; text-align: left;
} }
html[dir='rtl'] div.dataTables_length label {
float: right;
text-align: right;
}
div.dataTables_length select { div.dataTables_length select {
width: 75px; width: 75px;
@ -12,6 +16,9 @@ div.dataTables_filter label {
font-weight: normal; font-weight: normal;
float: right; float: right;
} }
html[dir='rtl'] div.dataTables_filter label {
float: left;
}
div.dataTables_filter input { div.dataTables_filter input {
width: 16em; width: 16em;
@ -25,6 +32,9 @@ div.dataTables_paginate {
float: right; float: right;
margin: 0; margin: 0;
} }
html[dir='rtl'] div.dataTables_paginate {
float: left;
}
div.dataTables_paginate ul.pagination { div.dataTables_paginate ul.pagination {
margin: 2px 0; margin: 2px 0;
@ -55,17 +65,52 @@ table.dataTable thead .sorting_desc_disabled {
cursor: pointer; cursor: pointer;
} }
table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; } /*
table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; } * Use Glyphicons Halflings from Bootstrap 3 instead of images.
table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; } *
* Relevant icons:
table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; } *
table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; } * Glyphicons Halflings (default)
* glyphicon-sort '\e150' sort
* glyphicon-sort-by-attributes '\e155' asc
* glyphicon-sort-by-attributes-alt '\e156' desc
*
* Font Awesome
* fa-sort '\f0dc' sort
* fa-caret-up '\f0d8' asc
* fa-caret-down '\f0d7' desc
*/
table.table thead .sorting:after,
table.table thead .sorting_asc:after,
table.table thead .sorting_desc:after,
table.table thead .sorting_asc_disabled:after,
table.table thead .sorting_desc_disabled:after {
font-family: 'Glyphicons Halflings';
text-align: right;
float: right;
}
html[dir='rtl'] table.table thead .sorting:after,
html[dir='rtl'] table.table thead .sorting_asc:after,
html[dir='rtl'] table.table thead .sorting_desc:after,
html[dir='rtl'] table.table thead .sorting_asc_disabled:after,
html[dir='rtl'] table.table thead .sorting_desc_disabled:after {
text-align: left;
float: left;
}
table.table thead .sorting:after { content: '\e150'; opacity: 0.2; }
table.table thead .sorting_asc:after { content: '\e155'; }
table.table thead .sorting_desc:after { content: '\e156'; }
table.table thead .sorting_asc_disabled:after { content: '\e155'; opacity: 0.2; }
table.table thead .sorting_desc_disabled:after { content: '\e156'; opacity: 0.2; }
table.dataTable thead > tr > th { table.dataTable thead > tr > th {
padding-left: 18px; padding-left: 0;
padding-right: 18px; padding-right: 18px;
} }
html[dir='rtl'] table.dataTable thead > tr > th {
padding-left: 18px;
padding-right: 0;
}
table.dataTable th:active { table.dataTable th:active {
outline: none; outline: none;

Loading…
Cancel
Save