diff options
| author | Adam Soltys <[email protected]> | 2026-08-03 13:58:31 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-03 13:58:31 -0700 |
| commit | da13a93a3852eb15156a5a84a73a8200d1344685 (patch) | |
| tree | 94add1ce3bc47abcee64b7bd4158866318802d19 /src | |
| parent | 54f5e7e1410f74d08df69dcade7cf131497ad1bf (diff) | |
| download | coinosv3-da13a93a3852eb15156a5a84a73a8200d1344685.tar.gz coinosv3-da13a93a3852eb15156a5a84a73a8200d1344685.zip | |
Move money: shorter amount placeholder, row wraps on narrow phones
The placeholder repeated a minimum the line below already states, and it
was clipped anyway — the amount field had 14px of usable width at 360px
because "Move to Spending" crushed it. The row wraps to two full-width
lines when it's tight and stays on one line when there's room.
Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/ark.js | 2 | ||||
| -rw-r--r-- | src/i18n.js | 1 | ||||
| -rw-r--r-- | src/style.css | 5 |
3 files changed, 6 insertions, 2 deletions
diff --git a/src/features/ark.js b/src/features/ark.js index f37d707..0488274 100644 --- a/src/features/ark.js +++ b/src/features/ark.js @@ -1582,7 +1582,7 @@ export function arkFeature(ctx) { h('div', { class: 'input-group' }, amountField({ value: ui.arkBoardAmt, - placeholder: t('arkBoardPlaceholder', { n: minBoard.toLocaleString() }), + placeholder: t('arkOffboardAmtPlaceholder'), // the minimum is stated below onInput: (e) => { ui.arkBoardAmt = e.target.value; render(); }, maxSat: canBoard ? wallet.spendable : 0, onMax: () => { ui.arkBoardAmt = String(maxBoardSat()); render(); }, diff --git a/src/i18n.js b/src/i18n.js index ab03ea6..af71814 100644 --- a/src/i18n.js +++ b/src/i18n.js @@ -424,7 +424,6 @@ const STR = { arkBoardHistory: 'Moved to Spending', arkVtxos: 'Coins (VTXOs)', arkPendingActions: '{n} operation(s) in progress', - arkBoardPlaceholder: 'Amount (min {n} sats)', arkBoardBtn: 'Move to Spending', arkBoardFeeNote: 'Fee {fee} sats — {net} sats will arrive in Spending.', arkBoardFeeLabel: 'Fee', diff --git a/src/style.css b/src/style.css index edae677..7c3113e 100644 --- a/src/style.css +++ b/src/style.css @@ -525,3 +525,8 @@ body::after { } .balance-switch:hover { color: var(--ink); border-color: var(--line-strong); } .balance-switch svg { opacity: .75; } +/* Move-money row: the action labels are long ("Move to Spending"), so let the + row wrap to two full-width lines rather than crushing the amount field. */ +.balance-move .input-group { flex-wrap: wrap; } +.balance-move .amt-field { flex: 1 1 150px; } +.balance-move .input-group > button { flex: 1 1 150px; } |