engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

fix: MPS-24 — checksum table: SHA-256 label nowrap + hash actually wraps

Browse source 
Operator screenshot: 'Algorithm'/'SHA-256' wrapped to two lines and
the SHA hash was cut off.

- Algorithm column: width 6rem + white-space:nowrap so the header and
  'SHA-256' stay on one line.
- copy-hash grid: minmax(0,1fr) track + min-width:0 on the button and
  the <code> (grid items default to min-width:auto, which forced the
  64-char SHA to overflow/cut instead of wrapping). word-break +
  overflow-wrap:anywhere now wrap the full hash inside the cell.
CSS-only, cache-busted.
This commit is contained in:
russell@unturf.com 2026-05-18 12:21:48 -04:00
parent 60f5472546
commit be7c491a6a
No known key found for this signature in database
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
make_post_sell/static/css/common.css
View file

@ -744,15 +744,23 @@ table.checksum-table th {
font-size: var(--type-body-sm-size, 0.875rem);
}
table.checksum-table th:first-child,
table.checksum-table td:first-child { width: 7.5rem; }
table.checksum-table td:first-child { width: 6.5rem; }
/* Wide enough + nowrap so "Algorithm" / "SHA-256" never wrap. */
table.checksum-table th:nth-child(2),
table.checksum-table td:nth-child(2) { width: 5.5rem; }
table.checksum-table td:nth-child(2) {
width: 6rem;
white-space: nowrap;
}
button.copy-hash {
display: grid;
grid-template-columns: 1fr auto;
/* min-width:0 on the 1fr track so word-break can actually wrap the
64-char SHA inside it (grid items default to min-width:auto,
which was forcing overflow / the cut-off hash). */
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-2, 8px);
width: 100%;
min-width: 0;
margin: 0;
padding: var(--space-1, 4px) var(--space-2, 8px);
border: 1px solid var(--border-light, #e5e7eb);
@ -766,7 +774,9 @@ button.copy-hash {
transition: background-color 150ms ease, border-color 150ms ease;
}
button.copy-hash > code {
min-width: 0;
word-break: break-all;
overflow-wrap: anywhere;
background: none;
padding: 0;
}