diff --git a/src/status_im/common/bottom_sheet/style.cljs b/src/status_im/common/bottom_sheet/style.cljs index 0f08b9401c..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 @@ -23,13 +22,22 @@ :left 0 :right 0}) -(def shell-bg - {:position :absolute - :background-color (if platform/ios? colors/white-opa-5 colors/neutral-100-opa-90) - :left 0 - :right 0 - :top 0 - :bottom 0}) +(defn shell-bg + [blur-background] + {:background-color (if blur-background + blur-background + (if platform/ios? colors/white-opa-5 colors/neutral-100-opa-90)) + :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 905f1bcb5f..85690ca16b 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-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