[#18453] fix: show colors are scrollable

status-im · Feb 7, 2024 · d3a38ab · d3a38ab
1 parent 345253e
commit d3a38ab
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 16 deletions.
diff --git a/src/status_im/contexts/profile/edit/accent_colour/style.cljs b/src/status_im/contexts/profile/edit/accent_colour/style.cljs
@@ -9,18 +9,22 @@
    :flex               1})
 
 (def screen-container
-  {:flex               1
-   :padding-top        14
-   :padding-horizontal 20
-   :justify-content    :space-between})
+  {:flex            1
+   :padding-top     14
+   :padding-left    20
+   :justify-content :space-between})
+
+(def padding-right
+  {:padding-right 20})
 
 (def color-title
   {:color         colors/white-70-blur
    :margin-top    20
    :margin-bottom 16})
 
 (def button-wrapper
-  {:margin-vertical 12})
+  {:margin-vertical 12
+   :padding-right   20})
 
 (def profile-card
   {:margin-top    22

diff --git a/src/status_im/contexts/profile/edit/accent_colour/view.cljs b/src/status_im/contexts/profile/edit/accent_colour/view.cljs
@@ -34,17 +34,18 @@
           {:key   :content
            :style style/screen-container}
           [rn/view {:style {:flex 1}}
-           [quo/text-combinations {:title (i18n/label :t/accent-colour)}]
-           [quo/profile-card
-            {:profile-picture     profile-picture
-             :name                display-name
-             :card-style          style/profile-card
-             :customization-color @unsaved-custom-color}]
-           [quo/text
-            {:size   :paragraph-2
-             :weight :medium
-             :style  style/color-title}
-            (i18n/label :t/accent-colour)]
+           [rn/view {:style style/padding-right}
+            [quo/text-combinations {:title (i18n/label :t/accent-colour)}]
+            [quo/profile-card
+             {:profile-picture     profile-picture
+              :name                display-name
+              :card-style          style/profile-card
+              :customization-color @unsaved-custom-color}]
+            [quo/text
+             {:size   :paragraph-2
+              :weight :medium
+              :style  style/color-title}
+             (i18n/label :t/accent-colour)]]
            [quo/color-picker
             {:blur?            true
              :default-selected @unsaved-custom-color