From 5f5412d91b049590fc747b96a0488ddcc89e89d8 Mon Sep 17 00:00:00 2001 From: Ihor Kysylevych Date: Thu, 15 Feb 2018 17:28:13 +0200 Subject: [PATCH] [FIX #3123] ui: fix network field overflow on long network names in profile settings Signed-off-by: Julien Eluard --- src/status_im/ui/screens/profile/styles.cljs | 6 +++++- src/status_im/ui/screens/profile/views.cljs | 7 +++++-- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/status_im/ui/screens/profile/styles.cljs b/src/status_im/ui/screens/profile/styles.cljs index a22c6bee77..79a76da3bd 100644 --- a/src/status_im/ui/screens/profile/styles.cljs +++ b/src/status_im/ui/screens/profile/styles.cljs @@ -121,12 +121,16 @@ (defstyle settings-item-text {:flex 1 + :flex-wrap :nowrap :font-size 15 :ios {:letter-spacing -0.2} :android {:color colors/black}}) (def settings-item-value - {:padding-right 10 + {:flex 2 + :flex-wrap :nowrap + :text-align :right + :padding-right 10 :font-size 15 :color colors/gray}) diff --git a/src/status_im/ui/screens/profile/views.cljs b/src/status_im/ui/screens/profile/views.cljs index 1cac785860..46eb40c7a6 100644 --- a/src/status_im/ui/screens/profile/views.cljs +++ b/src/status_im/ui/screens/profile/views.cljs @@ -215,8 +215,11 @@ [react/view styles/settings-item [react/text {:style styles/settings-item-text} (i18n/label label-kw)] - [react/text {:style styles/settings-item-value - :uppercase? component.styles/uppercase?} value] + (when-not (string/blank? value) + [react/text {:style styles/settings-item-value + :number-of-lines 1 + :uppercase? component.styles/uppercase?} + value]) (when active? [vector-icons/icon :icons/forward {:color colors/gray}])]])