From 81dbc162b736ac26249ed54d94cc30e4b18ad6c6 Mon Sep 17 00:00:00 2001 From: Goran Jovic Date: Fri, 27 Jul 2018 14:37:15 +0200 Subject: [PATCH] bug #4952 - moved the wrong password tooltip a bit up to make the field focusable Signed-off-by: Goran Jovic --- src/status_im/ui/screens/wallet/send/styles.cljs | 4 ++++ src/status_im/ui/screens/wallet/send/views.cljs | 6 +++--- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/status_im/ui/screens/wallet/send/styles.cljs b/src/status_im/ui/screens/wallet/send/styles.cljs index c6df6f4621..a0cc04b473 100644 --- a/src/status_im/ui/screens/wallet/send/styles.cljs +++ b/src/status_im/ui/screens/wallet/send/styles.cljs @@ -144,3 +144,7 @@ (def fee-buttons {:background-color colors/blue}) + +(def password-error-tooltip + {:bottom-value 15 + :color colors/red-light}) diff --git a/src/status_im/ui/screens/wallet/send/views.cljs b/src/status_im/ui/screens/wallet/send/views.cljs index 64f85c250c..f1ea316177 100644 --- a/src/status_im/ui/screens/wallet/send/views.cljs +++ b/src/status_im/ui/screens/wallet/send/views.cljs @@ -33,6 +33,8 @@ opacity-value (animation/create-value 0)] {:component-did-mount #(send.animations/animate-sign-panel opacity-value bottom-value)} [react/animated-view {:style (styles/animated-sign-panel bottom-value)} + (when wrong-password? + [tooltip/tooltip (i18n/label :t/wrong-password) styles/password-error-tooltip]) [react/animated-view {:style (styles/sign-panel opacity-value)} [react/view styles/spinner-container ;;NOTE(goranjovic) - android build doesn't seem to react on change in `:animating` property, so @@ -54,9 +56,7 @@ :on-change-text #(re-frame/dispatch [:wallet.send/set-password (security/mask-data %)]) :style styles/password :accessibility-label :enter-password-input - :auto-capitalize :none}] - (when wrong-password? - [tooltip/tooltip (i18n/label :t/wrong-password)])]]])) + :auto-capitalize :none}]]]])) ;; "Cancel" and "Sign Transaction >" buttons, signing with password (defview signing-buttons [spinning? cancel-handler sign-handler sign-label]