mirror of
https://github.com/shuaiplus/nodewarden.git
synced 2026-08-10 17:00:12 +00:00
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:
@@ -860,7 +860,9 @@ select.input.duplicate-mode-toolbar-select {
|
||||
|
||||
.kv-row {
|
||||
@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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user