[FIX #3123] ui: fix network field overflow on long network names in profile settings

Signed-off-by: Julien Eluard <julien.eluard@gmail.com>
This commit is contained in:
Ihor Kysylevych 2018-02-15 17:28:13 +02:00 committed by Julien Eluard
parent 33f1d8d26b
commit 5f5412d91b
No known key found for this signature in database
GPG Key ID: 6FD7DB5437FCBEF6
2 changed files with 10 additions and 3 deletions

View File

@ -121,12 +121,16 @@
(defstyle settings-item-text (defstyle settings-item-text
{:flex 1 {:flex 1
:flex-wrap :nowrap
:font-size 15 :font-size 15
:ios {:letter-spacing -0.2} :ios {:letter-spacing -0.2}
:android {:color colors/black}}) :android {:color colors/black}})
(def settings-item-value (def settings-item-value
{:padding-right 10 {:flex 2
:flex-wrap :nowrap
:text-align :right
:padding-right 10
:font-size 15 :font-size 15
:color colors/gray}) :color colors/gray})

View File

@ -215,8 +215,11 @@
[react/view styles/settings-item [react/view styles/settings-item
[react/text {:style styles/settings-item-text} [react/text {:style styles/settings-item-text}
(i18n/label label-kw)] (i18n/label label-kw)]
[react/text {:style styles/settings-item-value (when-not (string/blank? value)
:uppercase? component.styles/uppercase?} value] [react/text {:style styles/settings-item-value
:number-of-lines 1
:uppercase? component.styles/uppercase?}
value])
(when active? (when active?
[vector-icons/icon :icons/forward {:color colors/gray}])]]) [vector-icons/icon :icons/forward {:color colors/gray}])]])