diff --git a/src/status_im/common/bottom_sheet/style.cljs b/src/status_im/common/bottom_sheet/style.cljs index a4e8cb7c7f..5c7e474575 100644 --- a/src/status_im/common/bottom_sheet/style.cljs +++ b/src/status_im/common/bottom_sheet/style.cljs @@ -14,8 +14,7 @@ :z-index 1 :max-height max-height :border-top-left-radius sheet-border-radius - :border-top-right-radius sheet-border-radius - :overflow :hidden}) + :border-top-right-radius sheet-border-radius}) (def gradient-bg {:position :absolute @@ -25,14 +24,20 @@ (defn shell-bg [blur-background] - {:position :absolute - :background-color (if blur-background + {:background-color (if blur-background blur-background (if platform/ios? colors/white-opa-5 colors/neutral-100-opa-90)) - :left 0 - :right 0 - :top 0 - :bottom 0}) + :flex 1}) + +(def shell-bg-container + {:border-top-left-radius sheet-border-radius + :border-top-right-radius sheet-border-radius + :left 0 + :right 0 + :top 0 + :bottom 0 + :position :absolute + :overflow :hidden}) (defn sheet-content [{:keys [theme padding-bottom shell?]}] diff --git a/src/status_im/common/bottom_sheet/view.cljs b/src/status_im/common/bottom_sheet/view.cljs index f982b619de..31523dc13e 100644 --- a/src/status_im/common/bottom_sheet/view.cljs +++ b/src/status_im/common/bottom_sheet/view.cljs @@ -133,12 +133,13 @@ {:transform [{:translateY translate-y}]} (style/sheet {:max-height sheet-max-height}))} (when shell? - [blur/ios-view - {:style (style/shell-bg blur-background) - :blur-radius (or blur-radius 20) - :blur-amount 32 - :blur-type :transparent - :overlay-color :transparent}]) + [rn/view {:style style/shell-bg-container} + [blur/ios-view + {:style (style/shell-bg blur-background) + :blur-radius (or blur-radius 20) + :blur-amount 32 + :blur-type :transparent + :overlay-color :transparent}]]) (when selected-item [rn/view {:on-layout handle-item-height