This repository has been archived on 2026-07-19. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
espocrm-base/frontend/less/espo/elements/table.less
T
2024-12-14 18:53:17 +02:00

189 lines
4.0 KiB
Plaintext

table.table,
.list-container > .list,
.calendar-container > .calendar,
.calendar-container > .timeline {
background-color: var(--table-bg);
}
.table {
margin-bottom: var(--10px);
> thead,
> tbody {
> tr {
> th:first-child,
> td:first-child {
padding-left: var(--padding-base-horizontal);
@media screen and (max-width: @screen-xs-max) {
padding-left: var(--table-cell-padding);
}
}
> th:last-child,
> td:last-child {
padding-right: var(--padding-base-horizontal);
@media screen and (max-width: @screen-xs-max) {
padding-right: var(--table-cell-padding);
}
}
}
}
&:has(> tbody > tr.border-top-highlighted:first-child) {
> thead > tr:last-child {
> th {
border-bottom: var(--3px) solid var(--brand-info) !important;
}
}
}
> tbody {
> tr {
&.border-bottom-highlighted {
> td {
border-bottom: var(--3px) solid var(--brand-info) !important;
}
}
&.border-top-highlighted {
> td {
border-top: var(--3px) solid var(--brand-info) !important;
}
}
}
}
}
table.table > thead th > a {
color: var(--text-muted-color);
font-weight: 400;
}
table.table > thead th {
color: var(--text-muted-color);
}
th {
font-weight: 600;
}
.table thead > tr > th {
border-bottom: var(--1px) solid @table-border-color;
font-weight: normal;
}
.table tr > th {
font-weight: normal;
}
.table tr.accented {
background-color: var(--table-bg-accent);
}
.table td.accented {
background-color: var(--table-bg-accent);
}
table.table-bordered-inside {
border-collapse: collapse;
border-style: hidden;
td, th {
border: var(--1px) solid var(--default-border-color);
}
}
table.table-bottom-bordered {
border-bottom: var(--1px) solid var(--default-border-color);
}
table.table > tbody td > .list-row-buttons button {
position: relative;
margin-top: var(--3px);
padding-left: var(--table-cell-padding);
padding-right: var(--table-cell-padding);
}
.table.table-no-overflow {
> tbody > tr > td,
> tbody > tr > th,
> thead > tr > th {
text-overflow: ellipsis;
overflow: hidden;
}
}
table.table-fixed {
table-layout: fixed;
}
.table.less-padding > thead > tr > th,
.table.less-padding > tbody > tr > th,
.table.less-padding > tfoot > tr > th,
.table.less-padding > thead > tr > td,
.table.less-padding > tbody > tr > td,
.table.less-padding > tfoot > tr > td {
padding: var(--table-cell-padding) var(--table-cell-less-padding) var(--table-cell-padding) var(--table-cell-less-padding);
}
table.no-margin {
margin-bottom: 0;
}
table.table-panel {
border-collapse: separate;
border-radius: var(--panel-border-radius);
border: var(--panel-border-width) solid var(--panel-default-border);
thead > tr > th {
border-bottom: 0;
}
tbody {
> tr:nth-last-child(1 of :not(.hidden)) {
> td:first-child {
border-bottom-left-radius: var(--panel-border-radius);
}
> td:last-child {
border-bottom-right-radius: var(--panel-border-radius);
}
}
}
}
.table.table-striped {
background-color: transparent;
}
table td.cell-nowrap,
table th.cell-nowrap {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
table td {
> .btn-group.row-dropdown-group {
> .btn.dropdown-toggle {
margin-top: var(--minus-6px);
margin-bottom: var(--minus-6px);
> .caret {
top: var(--minus-1px);
position: relative;
}
}
}
}
.table {
td.cell {
.text-bold {
font-weight: 700;
}
}
}