mirror of
https://github.com/mailcow/mailcow-dockerized.git
synced 2026-11-10 18:41:01 +00:00
Moritz Stückler
8d4895a54d
- Center the +/- glyph in the expand control: its line-height (1.25em) was larger than the 1em box, pushing the glyph down. Derive the box's margin-top from its size so it is centered in the row (desktop and the larger mobile variant). - Hide sort arrows on non-orderable headers. The default initial order targets column 0, the expand column, which got a sorting_asc arrow and arrow padding although it cannot be sorted. - Center row checkboxes level with the expand control by using Bootstrap's 0.25em margin-top instead of a fixed 7px. Signed-off-by: Moritz Stückler <moritz@bitbetter.de>
104 lines
2.9 KiB
CSS
104 lines
2.9 KiB
CSS
.dataTables_info {
|
|
margin: 15px 0 !important;
|
|
padding: 0px !important;
|
|
}
|
|
.dataTables_paginate, .dataTables_length, .dataTables_filter {
|
|
margin: 15px 0 !important;
|
|
}
|
|
.dtr-details {
|
|
width: 100%;
|
|
}
|
|
td.child>ul>li {
|
|
display: flex;
|
|
}
|
|
table.dataTable>tbody>tr.child ul.dtr-details>li {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.129);
|
|
padding: 0.5em 0;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before:hover,
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before:hover {
|
|
background-color: var(--mc-dtr-hover-bg);
|
|
}
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
|
|
table.dataTable td.dt-control:before {
|
|
background-color: var(--mc-dtr-bg) !important;
|
|
border: 1.5px solid var(--mc-dtr-border) !important;
|
|
border-radius: 2px !important;
|
|
color: var(--mc-dtr-color);
|
|
height: 1em;
|
|
width: 1em;
|
|
line-height: 1em;
|
|
margin-top: calc(-0.5em - 1.5px);
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
font-size: 14px;
|
|
transition: 0.5s all;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
|
|
table.dataTable td.dt-control:before {
|
|
background-color: var(--mc-dtr-active-bg) !important;
|
|
}
|
|
/* The default initial order targets column 0, which is usually the non-orderable expand column */
|
|
table.dataTable thead > tr > th.sorting_disabled.sorting_asc,
|
|
table.dataTable thead > tr > th.sorting_disabled.sorting_desc {
|
|
padding-right: 0.5rem;
|
|
}
|
|
table.dataTable thead > tr > th.sorting_disabled.sorting_asc:before,
|
|
table.dataTable thead > tr > th.sorting_disabled.sorting_asc:after,
|
|
table.dataTable thead > tr > th.sorting_disabled.sorting_desc:before,
|
|
table.dataTable thead > tr > th.sorting_disabled.sorting_desc:after {
|
|
display: none;
|
|
}
|
|
table.dataTable.table-striped>tbody>tr>td {
|
|
vertical-align: middle;
|
|
}
|
|
table.dataTable.table-striped>tbody>tr>td>input[type="checkbox"] {
|
|
/* centers the 1em checkbox in the 1.5em line, level with the expand control */
|
|
margin-top: 0.25em;
|
|
}
|
|
td.dtr-col-lg {
|
|
min-width: 350px;
|
|
word-break: break-word;
|
|
}
|
|
td.dtr-col-md {
|
|
min-width: 250px;
|
|
word-break: break-word;
|
|
}
|
|
td.dtr-col-sm {
|
|
min-width: 125px;
|
|
word-break: break-word;
|
|
}
|
|
.dt-data-w100 .dtr-data {
|
|
width: 100%;
|
|
}
|
|
li .dtr-data {
|
|
word-break: break-all;
|
|
flex: 1;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
table.dataTable>tbody>tr.child span.dtr-title {
|
|
width: 30%;
|
|
max-width: 250px;
|
|
}
|
|
|
|
|
|
div.dataTables_wrapper div.dataTables_filter {
|
|
text-align: left;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_length {
|
|
text-align: right;
|
|
}
|
|
.dataTables_paginate, .dataTables_length, .dataTables_filter {
|
|
margin: 10px 0!important;
|
|
}
|
|
|
|
td.dt-text-right {
|
|
text-align: end !important;
|
|
}
|
|
th.dt-text-right {
|
|
text-align: end !important;
|
|
}
|