snapshot of https://github.com/espocrm/espocrm.git (master, 2026-09-18; blobs > 131072B omitted)

frontend/less/espo/elements/table.less

@@ -0,0 +1,188 @@
+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;
+        }
+    }
+}