diff --git a/client/webserver/site/src/css/forms.scss b/client/webserver/site/src/css/forms.scss index 12f1fe2068..11ea8fbc1d 100644 --- a/client/webserver/site/src/css/forms.scss +++ b/client/webserver/site/src/css/forms.scss @@ -22,6 +22,14 @@ textarea { outline: none; } + &.border-danger { + border-color: var(--text-danger); + } + + &.border-success { + border-color: var(--indicator-good); + } + &.thin { width: 4rem; } diff --git a/client/webserver/site/src/html/wallets.tmpl b/client/webserver/site/src/html/wallets.tmpl index 96194a387c..614055689d 100644 --- a/client/webserver/site/src/html/wallets.tmpl +++ b/client/webserver/site/src/html/wallets.tmpl @@ -526,10 +526,7 @@
-
- - -
+
diff --git a/client/webserver/site/src/js/wallets.ts b/client/webserver/site/src/js/wallets.ts index 7e4b9d97c2..05457af707 100644 --- a/client/webserver/site/src/js/wallets.ts +++ b/client/webserver/site/src/js/wallets.ts @@ -382,13 +382,12 @@ export default class WalletsPage extends BasePage { // Validate send address on input. Doc.bind(page.sendAddr, 'input', async () => { const asset = app().assets[this.selectedAssetID] - Doc.hide(page.validAddr) - page.sendAddr.classList.remove('is-invalid') + page.sendAddr.classList.remove('border-danger', 'border-success') const addr = page.sendAddr.value || '' if (!asset || addr === '') return const valid = await this.validateSendAddress(addr, asset.id) - if (valid) Doc.show(page.validAddr) - else page.sendAddr.classList.add('is-invalid') + if (valid) page.sendAddr.classList.add('border-success') + else page.sendAddr.classList.add('border-danger') }) // A link on the wallet reconfiguration form to show/hide the password field. @@ -2161,8 +2160,8 @@ export default class WalletsPage extends BasePage { Doc.show(page.toggleSubtract) } - Doc.hide(page.validAddr, page.sendErr, page.maxSendDisplay, page.sendTokenMsgBox) - page.sendAddr.classList.remove('invalid') + Doc.hide(page.sendErr, page.maxSendDisplay, page.sendTokenMsgBox) + page.sendAddr.classList.remove('border-danger', 'border-success') page.sendAddr.value = '' page.sendAmt.value = '' const xcRate = app().fiatRatesMap[assetID]