fix(vault): stop detail-row value column collapsing to zero width (#346)

The .kv-row grid sized its actions column with auto, letting it claim
content width before the minmax(0, 1fr) value column. Once the
Check breach button joined Reveal and Copy, label + actions could
exceed the row width, resolving the value column to 0px; combined
with overflow-wrap: anywhere this rendered masked passwords as a
vertical column of one asterisk per line at common desktop widths.

Give the value column a floor of min(35%, 140px) so the actions
column shrinks and wraps its buttons (kv-actions already has
flex-wrap) before the value collapses.
This commit is contained in:
Cordero Core
2026-08-10 19:38:52 +08:00
committed by GitHub
parent fb627f59f0
commit f644baaf8d
+3 -1
View File
@@ -860,7 +860,9 @@ select.input.duplicate-mode-toolbar-select {
.kv-row { .kv-row {
@apply grid items-center gap-2.5 py-2.5; @apply grid items-center gap-2.5 py-2.5;
grid-template-columns: minmax(0px, 80px) minmax(0, 1fr) auto; /* Floor the value column so the auto-sized actions column wraps its
buttons instead of collapsing the value to 0 width. */
grid-template-columns: minmax(0px, 80px) minmax(min(35%, 140px), 1fr) auto;
border-bottom: 1px solid rgba(154, 172, 205, 0.22); border-bottom: 1px solid rgba(154, 172, 205, 0.22);
} }