mirror of
https://github.com/DataTables/DataTables.git
synced 2024-12-01 13:24:10 +01:00
6e51a62684
I don't know if there are more to this or if it would break some other rules but as of my testing it should be fine to remove this rule for headers that have no sorting applied to them.
This is the case already for "normal sized" tables as the padding-right rule is only applied if there is a sorting class to the element. But it has been forgotten for the table-sm variant. So there are two options that I can see.
Specify this rule does not apply if there is a sorting_disabled class
Do the same as what was done for the normal sized table in the following commit: 4e611f31ff
103 lines
2.9 KiB
CSS
103 lines
2.9 KiB
CSS
/*
|
|
* Styling for DataTables with Semantic UI
|
|
*/
|
|
table.dataTable.table {
|
|
margin: 0;
|
|
}
|
|
table.dataTable.table thead th,
|
|
table.dataTable.table thead td {
|
|
position: relative;
|
|
}
|
|
table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc,
|
|
table.dataTable.table thead td.sorting,
|
|
table.dataTable.table thead td.sorting_asc,
|
|
table.dataTable.table thead td.sorting_desc {
|
|
padding-right: 20px;
|
|
}
|
|
table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
|
|
table.dataTable.table thead td.sorting:after,
|
|
table.dataTable.table thead td.sorting_asc:after,
|
|
table.dataTable.table thead td.sorting_desc:after {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 8px;
|
|
display: block;
|
|
font-family: Icons;
|
|
}
|
|
table.dataTable.table thead th.sorting:after,
|
|
table.dataTable.table thead td.sorting:after {
|
|
content: "\f0dc";
|
|
color: #ddd;
|
|
font-size: 0.8em;
|
|
}
|
|
table.dataTable.table thead th.sorting_asc:after,
|
|
table.dataTable.table thead td.sorting_asc:after {
|
|
content: "\f0de";
|
|
}
|
|
table.dataTable.table thead th.sorting_desc:after,
|
|
table.dataTable.table thead td.sorting_desc:after {
|
|
content: "\f0dd";
|
|
}
|
|
table.dataTable.table td,
|
|
table.dataTable.table th {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
table.dataTable.table td.dataTables_empty,
|
|
table.dataTable.table th.dataTables_empty {
|
|
text-align: center;
|
|
}
|
|
table.dataTable.table.nowrap th,
|
|
table.dataTable.table.nowrap td {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div.dataTables_wrapper div.dataTables_length select {
|
|
vertical-align: middle;
|
|
min-height: 2.7142em;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
|
|
min-width: 0;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_filter input {
|
|
margin-left: 0.5em;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_info {
|
|
padding-top: 13px;
|
|
white-space: nowrap;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_processing {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 200px;
|
|
margin-left: -100px;
|
|
text-align: center;
|
|
}
|
|
div.dataTables_wrapper div.row.dt-table {
|
|
padding: 0;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom: none;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
|
|
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
|
|
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
|
|
display: none;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
|
|
border-radius: 0;
|
|
border-top: none;
|
|
border-bottom-width: 0;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
|
|
border-bottom-width: 1px;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
border-top: none;
|
|
}
|