status-im/status-react
2
0
Fork 0
mirror of https://github.com/status-im/status-react.git synced 2025-01-09 10:42:53 +00:00
Code Issues Projects Releases Wiki Activity

Shadows for android 5.0+

Browse Source
This commit is contained in:
virvar 2016-02-23 23:27:34 +03:00
parent 103d83edd9
commit 19206d0ddd
6 changed files with 38 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -42,6 +42,7 @@ target/
# Figwheel # Figwheel
# #
figwheel_server.log figwheel_server.log
.nrepl-port
# Mercurial # Mercurial
.hg/ .hg/

1
.nrepl-port
View File

@ -1 +0,0 @@
41863

BIN
images/no-photo.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
images/online.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 307 B

BIN
images/user.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 17 KiB

43
src/messenger/android/core.cljs
View File

@ -14,7 +14,8 @@
(def app-registry (.-AppRegistry js/React)) (def app-registry (.-AppRegistry js/React))
(def logo-icon (js/require "./images/logo.png")) (def logo-icon (js/require "./images/logo.png"))
(def user-no-photo (js/require "./images/user.png")) (def user-no-photo (js/require "./images/no-photo.png"))
(def online-icon (js/require "./images/online.png"))
(def seen-icon (js/require "./images/seen.png")) (def seen-icon (js/require "./images/seen.png"))
(def delivered-icon (js/require "./images/delivered.png")) (def delivered-icon (js/require "./images/delivered.png"))
@ -37,32 +38,48 @@
:height 75 :height 75
:transform [{:translateX 0} :transform [{:translateX 0}
{:translateY 0}]}} {:translateY 0}]}}
(view {} (view {:width 54
:height 54}
;;; photo
(view {:width 54
:height 54
:borderRadius 50
:backgroundColor "#FFFFFF"
:elevation 6}
(image {:source (if (< 0 (count photo)) (image {:source (if (< 0 (count photo))
{:uri photo} {:uri photo}
user-no-photo) user-no-photo)
:style {:borderWidth 2 :style {:borderWidth 2
:borderColor "#FFFFFF" :borderColor "#FFFFFF"
;; :borderStyle "solid"
:borderRadius 50 :borderRadius 50
:width 54 :width 54
:height 54}}) :height 54
(when online
(view {:style {:width 12
:height 12
:top 40
:left 40
:backgroundColor "#6BC6C8"
:borderRadius 50
:position "absolute" :position "absolute"
}}))) ;; :top 2
;; :right 2
}}))
;;; online
(when online
(view {:position "absolute"
:top 41
:left 36
:width 12
:height 12
:borderRadius 50
:backgroundColor "#FFFFFF"
:elevation 6}
(image {:source online-icon
:style {:width 12
:height 12}}))))
;;; name
(view {:style {:flexDirection "column" (view {:style {:flexDirection "column"
:marginLeft 20 :marginLeft 7
:marginRight 10 :marginRight 10
:flex 1 :flex 1
:position "relative"}} :position "relative"}}
(text {:style {:fontSize 15}} name) (text {:style {:fontSize 15}} name)
(text {:style {:color "#AAB2B2" (text {:style {:color "#AAB2B2"
;; TODO not available for android
:fontFamily "Avenir-Roman" :fontFamily "Avenir-Roman"
:fontSize 14 :fontSize 14
:marginTop 2 :marginTop 2