From f49cfc02f2f9f7bf224fd44ddd8093bf7500ff9d Mon Sep 17 00:00:00 2001 From: Igor Mandrigin Date: Wed, 6 Jun 2018 17:13:38 +0300 Subject: [PATCH] Make the information sharing screen usable on tiny screens. e.g. an iPhone app on an iPad This doesn't make it *pretty*, just usable. --- src/status_im/ui/screens/usage_data/styles.cljs | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/status_im/ui/screens/usage_data/styles.cljs b/src/status_im/ui/screens/usage_data/styles.cljs index dcf854265b..ca845998f7 100644 --- a/src/status_im/ui/screens/usage_data/styles.cljs +++ b/src/status_im/ui/screens/usage_data/styles.cljs @@ -11,14 +11,16 @@ (def usage-data-view {:flex 1 + :margin-top (scaled-y 90) :background-color colors/white :align-items :center}) (def image-container {:flex 1 + ;; on screens less tall than iPhone 5, let's not show the image at all + :display (if (>= window-height 568) "flex" "none") :align-items :center :justify-content :center - :margin-top (scaled-y 90) :margin-bottom (scaled-y 90)}) (def usage-data-image @@ -68,4 +70,6 @@ (def dont-share-button {:padding-horizontal 18 + ;; don't do text wrap on super small devices + :min-width 130 :width (scaled-x 138)})