mirror of
https://github.com/mailcow/mailcow-dockerized.git
synced 2026-11-10 18:41:01 +00:00
Moritz Stückler
498434ee3d
DataTables removes the top padding of the first entry in the expanded row, but mailcow's 0.5em padding left 7px under the last entry, so the list had 7px of space above and 15px below and the last entry (often Tags) looked taller than the others. Drop the last entry's bottom padding as well. Signed-off-by: Moritz Stückler <moritz@bitbetter.de>
114 lines
3.2 KiB
CSS
114 lines
3.2 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;
|
|
}
|
|
/* like the first entry has no top padding, the last one needs no bottom padding */
|
|
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
|
|
padding-bottom: 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;
|
|
cursor: auto;
|
|
}
|
|
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;
|
|
}
|
|
/* the vertical margin is meant for the tag editor in edit forms, in tables it only adds height */
|
|
table.dataTable .tag-badge {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
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;
|
|
}
|