Fix error view jumps

src/status_im/ui/components/connectivity/styles.cljs

@@ -7,13 +7,17 @@
   (cond->
    {:opacity          opacity
     :background-color colors/gray-notifications
-    :height           35}
+    :height           35
+    :position         :absolute}
+    platform/desktop?
+    (assoc
+     :left             0
+     :right            0)
     (not platform/desktop?)
     (assoc
      :ios              {:z-index 0}
      :width            window-width
-     :top              (+ (+ 56 top) (if pending? 35 0))
-     :position         :absolute)))
+     :top              (+ (+ 56 top) (if pending? 35 0)))))
 
 (def text
   {:text-align :center

src/status_im/ui/screens/desktop/main/chat/views.cljs

@@ -27,7 +27,6 @@
                                    :as current-chat}]
   (views/letsubs [chat-name         [:get-current-chat-name]
                   {:keys [pending? whisper-identity photo-path]} [:get-current-chat-contact]]
-    [react/view
     [react/view {:style styles/toolbar-chat-view}
      [react/view {:style {:flex-direction :row
                           :flex 1}}
@@ -59,8 +58,7 @@
        (i18n/label :t/clear-history)]
       [react/text {:style (styles/profile-actions-text colors/black)
                    :on-press #(re-frame/dispatch [:chat.ui/delete-chat-pressed chat-id])}
-       (i18n/label :t/delete-chat)]]]
-    [connectivity/error-view {:top 2}]]))
+       (i18n/label :t/delete-chat)]]]))
 
 (views/defview message-author-name [{:keys [outgoing from] :as message}]
   (views/letsubs [current-account [:get-current-account]
@@ -155,6 +153,7 @@
               (reset! chat-id* chat-id)
               (js/setTimeout #(when @scroll-ref (.scrollToEnd @scroll-ref)) 400))]
       [react/view {:style styles/messages-view}
+       [connectivity/error-view]
        [react/scroll-view {:scrollEventThrottle    16
                            :headerHeight styles/messages-list-vertical-padding
                            :footerWidth styles/messages-list-vertical-padding