webapp: wrap destruction notes instead of widening the table
The theme sets white-space: nowrap on every table cell, so the ServiceNow tick list's destruction note (and the to-do failure column) ran as one line and pushed the Done buttons off to the right. A td.wrap utility lets prose cells wrap within 16-28rem.
This commit is contained in:
@@ -496,6 +496,15 @@ table.table,
|
||||
border-top: 1px solid var(--border);
|
||||
color: var(--text);
|
||||
}
|
||||
/* Cells holding prose (e.g. destruction notes) wrap instead of widening
|
||||
the table; every other cell stays nowrap. */
|
||||
.data-table td.wrap {
|
||||
white-space: normal;
|
||||
min-width: 16rem;
|
||||
max-width: 28rem;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.data-table tbody tr:hover,
|
||||
.table tbody tr:hover { background: rgba(65, 129, 255, 0.1); }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user