dohertj2/mxaccessgw
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Stop dashboard table cells breaking whole words

Browse Source 
overflow-wrap: anywhere let the table layout shrink a column below its
longest word, splitting tokens like "unconstrained" mid-word. Switch to
break-word so a word only breaks when it genuinely cannot fit.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Joseph Doherty
2026-05-17 00:56:55 -04:00
parent 509b0118d4
commit f598b3a647
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/MxGateway.Server/wwwroot/css/dashboard.css
+3 -1
View File
@@ -154,7 +154,9 @@ body.dashboard-body { min-height: 100vh; }
} }
.dashboard-table td { .dashboard-table td {
max-width: 26rem; max-width: 26rem;
overflow-wrap: anywhere; /* break-word, not anywhere: only split a word when it genuinely cannot
fit, so the column keeps whole words like "unconstrained" intact. */
overflow-wrap: break-word;
} }
.dashboard-table tbody tr:last-child td { border-bottom: none; } .dashboard-table tbody tr:last-child td { border-bottom: none; }
.dashboard-table tbody tr:hover { background: #f3f6fd; } .dashboard-table tbody tr:hover { background: #f3f6fd; }