[FIX status-im#3136] Add a line under profile image when editing profile

salax · yenda · commit 8f1bc58b4b7c · 2018-01-30T16:48:31.000+01:00
Signed-off-by: Eric Dvorsak &lt;eric@dvorsak.fr&gt;
diff --git a/src/status_im/ui/screens/profile/styles.cljs b/src/status_im/ui/screens/profile/styles.cljs
@@ -44,6 +44,13 @@
    :justify-content :center
    :align-items     :center})
 
+(def profile-badge-edit
+  {:flex-direction  :column
+   :justify-content :center})
+
+(def modal-menu
+  {:align-items :center})
+
 (def context-menu-custom-styles
   {:optionsContainer {:margin-top 78}})
 
@@ -63,10 +70,14 @@
 (defstyle profile-name-input-text
   {:font-size  15
    :text-align :center
-   :ios        {:letter-spacing -0.2
-                :height         46
-                :width          800}
-   :android    {:color colors/black}})
+   :flex       1
+   :ios        {:letter-spacing      -0.2
+                :height              46
+                :border-bottom-width 1
+                :border-bottom-color styles/color-light-gray3}
+   :android    {:color               colors/black
+                :border-bottom-width 2
+                :border-bottom-color styles/color-blue4}})
 
 (def profile-badge-name-container
   {:flex            1
diff --git a/src/status_im/ui/screens/profile/views.cljs b/src/status_im/ui/screens/profile/views.cljs
@@ -101,11 +101,12 @@
                                                  (i18n/label :t/camera-access-error)))))]))}])
 
 (defn profile-badge-edit [{:keys [name last-online] :as account}]
-  [react/view styles/profile-badge
+  [react/view styles/profile-badge-edit
    [context-menu/modal-menu
     [chat-icon.screen/my-profile-icon {:account account
                                        :edit?   true}]
-    {} (i18n/label :t/image-source-title)
+    styles/modal-menu
+    (i18n/label :t/image-source-title)
     profile-icon-options]
    [react/view styles/profile-badge-name-container
     [profile-name-input name]
