diff --git a/src/status_im2/contexts/chat/composer/style.cljs b/src/status_im2/contexts/chat/composer/style.cljs index 90d29f7659..2d5956e780 100644 --- a/src/status_im2/contexts/chat/composer/style.cljs +++ b/src/status_im2/contexts/chat/composer/style.cljs @@ -116,6 +116,9 @@ (reanimated/apply-animations-to-style {:transform [{:translate-y translate-y}] :opacity opacity} - {:position :absolute - :top 0 - :align-self :center})) + {:z-index 1})) + +(def scroll-to-bottom-button + {:position :absolute + :right 0 + :left 0}) diff --git a/src/status_im2/contexts/chat/composer/sub_view.cljs b/src/status_im2/contexts/chat/composer/sub_view.cljs index 7fe913acaa..9d381b9097 100644 --- a/src/status_im2/contexts/chat/composer/sub_view.cljs +++ b/src/status_im2/contexts/chat/composer/sub_view.cljs @@ -48,10 +48,10 @@ :label (i18n/label :t/jump-to) :style {:align-self :center}}} {}]] - [quo/floating-shell-button - (when @messages.list/show-floating-scroll-down-button - {:scroll-to-bottom {:on-press messages.list/scroll-to-bottom}}) - {}]])) + (when @messages.list/show-floating-scroll-down-button + [quo/floating-shell-button + {:scroll-to-bottom {:on-press messages.list/scroll-to-bottom}} + style/scroll-to-bottom-button])])) (defn shell-button [state animations subs]