jjsm01/kimai2
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

data-table sorting icons and alignment (#2734)

Browse Source
This commit is contained in:
Kevin Papst
2021-08-26 00:56:36 +02:00
committed by GitHub
parent fae525c82f
commit 56524a9773
16 changed files with 57 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/sass/datatable-extensions.scss
View File

@@ -6,11 +6,6 @@
*/
/* custom extension to make the column wide enough to show the sortable icons */
table.dataTable th.sortable {
padding-left: 22px;
}
table.dataTable.table > tbody > tr > td {
vertical-align: middle;
.img-circle {

35
assets/sass/datatable.scss
View File

@@ -125,26 +125,28 @@ table.dataTable thead .sorting_desc_disabled {
position: relative;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
position: absolute;
top: 10px;
left: 5px;
display: block;
font-family: 'Glyphicons Halflings';
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
font-weight: bold;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
padding-left: 5px;
font-family: 'Font Awesome 5 Free';
opacity: 0.5;
font-size: 12px;
}
table.dataTable thead .sorting:before {
table.dataTable thead .sorting:after {
opacity: 0.2;
content: "\e150"; /* sort */
content: "\f0dc"; /* sort */
}
table.dataTable thead .sorting_asc:before {
content: "\e155"; /* sort-by-attributes */
table.dataTable thead .sorting_asc:after {
content: "\f062";
}
table.dataTable thead .sorting_desc:before {
content: "\e156"; /* sort-by-attributes-alt */
table.dataTable thead .sorting_desc:after {
content: "\f063";
}
div.dataTables_scrollBody table.dataTable thead .sorting:before,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:before,
@@ -162,11 +164,6 @@ table.dataTable thead > tr > th {
white-space: nowrap;
}
/*
table.dataTable thead > tr > th {
padding-right: 30px;
}
*/
table.dataTable th:active {
outline: none;
}