status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Android tabbar replace elevation with border 

Signed-off-by: Gheorghe Pinzaru <feross95@gmail.com>
This commit is contained in:
Gheorghe Pinzaru 2020-06-17 10:15:22 +03:00
parent 98a8359db3
commit 8342972059
No known key found for this signature in database
GPG Key ID: C9A094959935A952
1 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/status_im/ui/components/tabbar/styles.cljs
View File

@ -3,10 +3,7 @@
[status-im.ui.components.colors :as colors]
[status-im.utils.platform :as platform]))
(def tabs-height
(cond
platform/android? 52
platform/ios? 52))
(def tabs-height 52)
(def minimized-tabs-height 36)
@ -51,9 +48,8 @@
{:flex 1
:height tabs-height
:align-items :center
:justify-content :space-between
:padding-top 6
:padding 4})
:padding-bottom 5})
(def icon-container
{:height 24
@ -68,30 +64,35 @@
(def tab-title-container
{:align-self :stretch
:height 14
:height 13
:margin-top 4
:align-items :center
:justify-content :center})
(defn tab-title [active?]
{:color (if active? colors/blue colors/gray)
:line-height 13
:font-size 11})
(defn animated-container [visible? inset]
(merge
{:flex-direction :row
:shadow-radius 4
:shadow-offset {:width 0 :height -5}
:shadow-opacity 0.3
:shadow-color (if (colors/dark?)
"rgba(0, 0, 0, 0.75)"
"rgba(0, 9, 26, 0.12)")
:elevation 8
:background-color colors/white
:position :absolute
:left 0
:right 0
:height tabs-height
:bottom inset
:transform [{:translateY (animated/mix visible? tabs-diff 0)}]})
:transform [{:translateY (animated/mix visible? tabs-diff 0)}]}
(if platform/android?
{:border-top-width 1
:border-top-color colors/gray-lighter}
{:shadow-radius 4
:shadow-offset {:width 0 :height -5}
:shadow-opacity 0.3
:shadow-color (if (colors/dark?)
"rgba(0, 0, 0, 0.75)"
"rgba(0, 9, 26, 0.12)")})))
(defn ios-titles-cover [inset]
{:background-color colors/white
@ -104,7 +105,6 @@
(defn tabs-wrapper [keyboard visible]
(merge {:padding-horizontal 8
:elevation 8
:left 0
:right 0
:bottom 0