fix: use max-width:0 on td so table compresses/expands with detail pane resize

This commit is contained in:
you
2026-03-19 20:58:14 +00:00
parent 924587e2dc
commit 767754fc10
+3 -3
View File
@@ -219,11 +219,11 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
.data-table th.sortable:hover { color: var(--accent); }
.data-table td {
padding: 3px 6px; border-bottom: 1px solid var(--border);
vertical-align: middle; white-space: nowrap; max-width: 180px;
vertical-align: middle; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;
max-width: 0; /* forces td to respect table width instead of expanding to content */
}
/* Details column gets more room since it has the most useful content */
.data-table td.col-details { max-width: 400px; white-space: normal; word-break: break-word; }
.data-table td.col-details { white-space: normal; word-break: break-word; }
.data-table tbody tr:nth-child(even) { background: var(--row-stripe); }
.data-table tbody tr:hover { background: var(--row-hover); cursor: pointer; }
.data-table tbody tr.selected { background: var(--selected-bg); }