kebab-case re-agent attributes that were formerly camelCased
Signed-off-by: Julien Eluard <julien.eluard@gmail.com>
This commit is contained in:
Rob Culliton
Julien Eluard
parent
5f5412d91b
commit
2d6d7d1327
|
|
@ -25,7 +25,7 @@
|
|||
(def header-container
|
||||
{:min-height 19
|
||||
:background-color common/color-white
|
||||
:alignItems :center})
|
||||
:align-items :center})
|
||||
|
||||
(def header-icon
|
||||
{:background-color header-draggable-icon
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@
|
|||
|
||||
(def header-container
|
||||
{:background-color common/color-white
|
||||
:alignItems :center
|
||||
:justifyContent :center
|
||||
:align-items :center
|
||||
:justify-content :center
|
||||
:height header-height})
|
||||
|
||||
(def header-title-container
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@
|
|||
[status-im.ui.components.styles :refer [color-white]]))
|
||||
|
||||
(defn pill [command]
|
||||
{:backgroundColor (:color command)
|
||||
{:background-color (:color command)
|
||||
:height 24
|
||||
:borderRadius 50
|
||||
:border-radius 50
|
||||
:padding-top (if p/ios? 4 3)
|
||||
:paddingHorizontal 12
|
||||
:text-align :left})
|
||||
|
||||
(def pill-text
|
||||
{:fontSize 12
|
||||
:color color-white})
|
||||
{:font-size 12
|
||||
:color color-white})
|
||||
|
|
|
|||
|
|
@ -4,17 +4,17 @@
|
|||
[status-im.constants :as constants]))
|
||||
|
||||
(defstyle style-message-text
|
||||
{:fontSize 15
|
||||
:color styles/text1-color
|
||||
:android {:line-height 22}
|
||||
:ios {:line-height 23}})
|
||||
{:font-size 15
|
||||
:color styles/text1-color
|
||||
:android {:line-height 22}
|
||||
:ios {:line-height 23}})
|
||||
|
||||
(def style-sub-text
|
||||
{:top -2
|
||||
:fontSize 12
|
||||
:color styles/text2-color
|
||||
:lineHeight 14
|
||||
:height 16})
|
||||
{:top -2
|
||||
:font-size 12
|
||||
:color styles/text2-color
|
||||
:line-height 14
|
||||
:height 16})
|
||||
|
||||
(defn message-padding-top
|
||||
[{:keys [first-in-date? same-author? same-direction?]}]
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
(defn last-message-padding
|
||||
[{:keys [last? typing]}]
|
||||
(when (and last? (not typing))
|
||||
{:paddingBottom 16}))
|
||||
{:padding-bottom 16}))
|
||||
|
||||
(def message-datemark
|
||||
{:margin-top 10
|
||||
|
|
@ -45,64 +45,64 @@
|
|||
(let [align (if outgoing :flex-end :flex-start)
|
||||
direction (if outgoing :row-reverse :row)]
|
||||
(merge message-body-base
|
||||
{:flexDirection direction
|
||||
:width 260
|
||||
:paddingTop (message-padding-top message)
|
||||
:alignSelf align
|
||||
:alignItems align}
|
||||
{:flex-direction direction
|
||||
:width 260
|
||||
:padding-top (message-padding-top message)
|
||||
:align-self align
|
||||
:align-items align}
|
||||
(last-message-padding message))))
|
||||
|
||||
(def selected-message
|
||||
{:marginTop 18
|
||||
:marginLeft 40
|
||||
:fontSize 12
|
||||
{:margin-top 18
|
||||
:margin-left 40
|
||||
:font-size 12
|
||||
:color styles/text2-color})
|
||||
|
||||
(def group-message-wrapper
|
||||
{:flexDirection :column})
|
||||
{:flex-direction :column})
|
||||
|
||||
(defn group-message-view
|
||||
[{:keys [outgoing] :as message}]
|
||||
(let [align (if outgoing :flex-end :flex-start)]
|
||||
{:flexDirection :column
|
||||
:width 260
|
||||
:padding-left 10
|
||||
:padding-right 10
|
||||
:alignItems align}))
|
||||
{:flex-direction :column
|
||||
:width 260
|
||||
:padding-left 10
|
||||
:padding-right 10
|
||||
:align-items align}))
|
||||
|
||||
(def message-author
|
||||
{:width 36
|
||||
:alignSelf :flex-start})
|
||||
{:width 36
|
||||
:align-self :flex-start})
|
||||
|
||||
(def photo
|
||||
{:borderRadius 18
|
||||
{:border-radius 18
|
||||
:width 36
|
||||
:height 36})
|
||||
|
||||
(def delivery-view
|
||||
{:flexDirection :row
|
||||
:marginTop 2
|
||||
{:flex-direction :row
|
||||
:margin-top 2
|
||||
:opacity 0.5})
|
||||
|
||||
(defstyle delivery-text
|
||||
{:color styles/color-gray4
|
||||
:marginLeft 5
|
||||
:margin-left 5
|
||||
:android {:font-size 13}
|
||||
:ios {:font-size 14}})
|
||||
|
||||
(defn text-message
|
||||
[{:keys [outgoing group-chat incoming-group]}]
|
||||
(merge style-message-text
|
||||
{:marginTop (if incoming-group 4 0)}))
|
||||
{:margin-top (if incoming-group 4 0)}))
|
||||
|
||||
(defn message-view
|
||||
[{:keys [content-type outgoing group-chat selected]}]
|
||||
(merge {:padding 12
|
||||
:backgroundColor styles/color-white
|
||||
:background-color styles/color-white
|
||||
:border-radius 8}
|
||||
(when (= content-type constants/content-type-command)
|
||||
{:paddingTop 10
|
||||
:paddingBottom 14})))
|
||||
{:padding-top 10
|
||||
:padding-bottom 14})))
|
||||
|
||||
(defstyle author
|
||||
{:color styles/color-gray4
|
||||
|
|
@ -111,40 +111,40 @@
|
|||
:ios {:font-size 14}})
|
||||
|
||||
(def command-request-view
|
||||
{:paddingRight 16})
|
||||
{:padding-right 16})
|
||||
|
||||
(def command-request-message-view
|
||||
{:borderRadius 14
|
||||
{:border-radius 14
|
||||
:padding-vertical 10
|
||||
:paddingRight 28
|
||||
:backgroundColor styles/color-white})
|
||||
:padding-right 28
|
||||
:background-color styles/color-white})
|
||||
|
||||
(def command-request-from-text
|
||||
(merge style-sub-text {:marginBottom 2}))
|
||||
(merge style-sub-text {:margin-bottom 2}))
|
||||
|
||||
(defn command-request-image-touchable []
|
||||
{:position :absolute
|
||||
:top 0
|
||||
:right -8
|
||||
:alignItems :center
|
||||
:justifyContent :center
|
||||
:width 48
|
||||
:height 48})
|
||||
{:position :absolute
|
||||
:top 0
|
||||
:right -8
|
||||
:align-items :center
|
||||
:justify-content :center
|
||||
:width 48
|
||||
:height 48})
|
||||
|
||||
(defn command-request-image-view [command scale]
|
||||
{:width 32
|
||||
:height 32
|
||||
:borderRadius 16
|
||||
:backgroundColor (:color command)
|
||||
:transform [{:scale scale}]})
|
||||
{:width 32
|
||||
:height 32
|
||||
:border-radius 16
|
||||
:background-color (:color command)
|
||||
:transform [{:scale scale}]})
|
||||
|
||||
(def command-image-view
|
||||
{:position :absolute
|
||||
:top 0
|
||||
:right 0
|
||||
:width 24
|
||||
:height 24
|
||||
:alignItems :center})
|
||||
{:position :absolute
|
||||
:top 0
|
||||
:right 0
|
||||
:width 24
|
||||
:height 24
|
||||
:align-items :center})
|
||||
|
||||
(def command-request-image
|
||||
{:position :absolute
|
||||
|
|
@ -154,17 +154,17 @@
|
|||
:height 13})
|
||||
|
||||
(def command-request-text-view
|
||||
{:marginTop 4
|
||||
:height 14})
|
||||
{:margin-top 4
|
||||
:height 14})
|
||||
|
||||
(def content-command-view
|
||||
{:flexDirection :column
|
||||
:alignItems :flex-start})
|
||||
{:flex-direction :column
|
||||
:align-items :flex-start})
|
||||
|
||||
(def command-container
|
||||
{:flexDirection :row
|
||||
:margin-top 4
|
||||
:marginRight 32})
|
||||
{:flex-direction :row
|
||||
:margin-top 4
|
||||
:margin-right 32})
|
||||
|
||||
(def command-image
|
||||
{:margin-top 9
|
||||
|
|
@ -174,75 +174,75 @@
|
|||
|
||||
(def command-text
|
||||
(merge style-message-text
|
||||
{:marginTop 8
|
||||
:marginHorizontal 0}))
|
||||
{:margin-top 8
|
||||
:margin-horizontal 0}))
|
||||
|
||||
(def audio-container
|
||||
{:flexDirection :row
|
||||
:alignItems :center})
|
||||
{:flex-direction :row
|
||||
:align-items :center})
|
||||
|
||||
(def play-view
|
||||
{:width 33
|
||||
:height 33
|
||||
:borderRadius 16
|
||||
:elevation 1})
|
||||
{:width 33
|
||||
:height 33
|
||||
:border-radius 16
|
||||
:elevation 1})
|
||||
|
||||
(def play-image
|
||||
{:width 33
|
||||
:height 33})
|
||||
|
||||
(def track-container
|
||||
{:marginTop 10
|
||||
:marginLeft 10
|
||||
:width 120
|
||||
:height 26
|
||||
:elevation 1})
|
||||
{:margin-top 10
|
||||
:margin-left 10
|
||||
:width 120
|
||||
:height 26
|
||||
:elevation 1})
|
||||
|
||||
(def track
|
||||
{:position :absolute
|
||||
:top 4
|
||||
:width 120
|
||||
:height 2
|
||||
:backgroundColor :#EC7262})
|
||||
{:position :absolute
|
||||
:top 4
|
||||
:width 120
|
||||
:height 2
|
||||
:background-color :#EC7262})
|
||||
|
||||
(def track-mark
|
||||
{:position :absolute
|
||||
:left 0
|
||||
:top 0
|
||||
:width 2
|
||||
:height 10
|
||||
:backgroundColor :#4A5258})
|
||||
{:position :absolute
|
||||
:left 0
|
||||
:top 0
|
||||
:width 2
|
||||
:height 10
|
||||
:background-color :#4A5258})
|
||||
|
||||
(def track-duration-text
|
||||
{:position :absolute
|
||||
:left 1
|
||||
:top 11
|
||||
:fontSize 11
|
||||
:color :#4A5258
|
||||
:letterSpacing 1
|
||||
:lineHeight 15})
|
||||
{:position :absolute
|
||||
:left 1
|
||||
:top 11
|
||||
:font-size 11
|
||||
:color :#4A5258
|
||||
:letter-spacing 1
|
||||
:line-height 15})
|
||||
|
||||
(def status-container
|
||||
{:flex 1
|
||||
:alignSelf :center
|
||||
:alignItems :center
|
||||
:align-self :center
|
||||
:align-items :center
|
||||
:width 249
|
||||
:padding-bottom 16})
|
||||
|
||||
(def status-image-view
|
||||
{:marginTop 20})
|
||||
{:margin-top 20})
|
||||
|
||||
(def status-from
|
||||
{:marginTop 20
|
||||
:fontSize 18
|
||||
:color styles/text1-color})
|
||||
{:margin-top 20
|
||||
:font-size 18
|
||||
:color styles/text1-color})
|
||||
|
||||
(def status-text
|
||||
{:marginTop 10
|
||||
:fontSize 14
|
||||
:lineHeight 20
|
||||
:textAlign :center
|
||||
:color styles/text2-color})
|
||||
{:margin-top 10
|
||||
:font-size 14
|
||||
:line-height 20
|
||||
:text-align :center
|
||||
:color styles/text2-color})
|
||||
|
||||
(defn message-animated-container [height]
|
||||
{:height height})
|
||||
|
|
|
|||
|
|
@ -15,27 +15,27 @@
|
|||
:margin-bottom 0})
|
||||
|
||||
(def toolbar-view
|
||||
{:flexDirection :row
|
||||
:height 56
|
||||
:backgroundColor component.styles/color-white
|
||||
:elevation 2})
|
||||
{:flex-direction :row
|
||||
:height 56
|
||||
:background-color component.styles/color-white
|
||||
:elevation 2})
|
||||
|
||||
(def action
|
||||
{:width 56
|
||||
:height 56
|
||||
:top 0
|
||||
:alignItems :center
|
||||
:justifyContent :center})
|
||||
{:width 56
|
||||
:height 56
|
||||
:top 0
|
||||
:align-items :center
|
||||
:justify-content :center})
|
||||
|
||||
(def icon-view
|
||||
{:width 56
|
||||
:height 56})
|
||||
|
||||
(def back-icon
|
||||
{:marginTop 21
|
||||
:marginLeft 23
|
||||
:width 8
|
||||
:height 14})
|
||||
{:margin-top 21
|
||||
:margin-left 23
|
||||
:width 8
|
||||
:height 14})
|
||||
|
||||
(defnstyle chat-name-view [show-actions]
|
||||
{:flex 1
|
||||
|
|
@ -46,8 +46,8 @@
|
|||
:ios {:align-items :center}})
|
||||
|
||||
(def chat-name-text
|
||||
{:color component.styles/color-gray6
|
||||
:fontSize 16})
|
||||
{:color component.styles/color-gray6
|
||||
:font-size 16})
|
||||
|
||||
(def group-icon
|
||||
{:margin-top 4
|
||||
|
|
@ -72,34 +72,34 @@
|
|||
:android {:font-size 13}})
|
||||
|
||||
(defn actions-wrapper [status-bar-height]
|
||||
{:backgroundColor component.styles/color-white
|
||||
:elevation 2
|
||||
:position :absolute
|
||||
:top (+ 55 status-bar-height)
|
||||
:left 0
|
||||
:right 0})
|
||||
{:background-color component.styles/color-white
|
||||
:elevation 2
|
||||
:position :absolute
|
||||
:top (+ 55 status-bar-height)
|
||||
:left 0
|
||||
:right 0})
|
||||
|
||||
(def actions-separator
|
||||
{:marginLeft 16
|
||||
:height 1.5
|
||||
:backgroundColor component.styles/separator-color})
|
||||
{:margin-left 16
|
||||
:height 1.5
|
||||
:background-color component.styles/separator-color})
|
||||
|
||||
(def actions-view
|
||||
{:marginVertical 10})
|
||||
{:margin-vertical 10})
|
||||
|
||||
(def action-icon-row
|
||||
{:flexDirection :row
|
||||
:height 56})
|
||||
{:flex-direction :row
|
||||
:height 56})
|
||||
|
||||
(def action-icon-view
|
||||
(merge icon-view
|
||||
{:alignItems :center
|
||||
:justifyContent :center}))
|
||||
{:align-items :center
|
||||
:justify-content :center}))
|
||||
|
||||
(def action-view
|
||||
{:flex 1
|
||||
:alignItems :flex-start
|
||||
:justifyContent :center})
|
||||
{:flex 1
|
||||
:align-items :flex-start
|
||||
:justify-content :center})
|
||||
|
||||
(def action-title
|
||||
{:margin-top -2.5
|
||||
|
|
@ -115,17 +115,17 @@
|
|||
{:marginBottom 20})
|
||||
|
||||
(def typing-view
|
||||
{:width 260
|
||||
:marginTop 10
|
||||
:paddingLeft 8
|
||||
:paddingRight 8
|
||||
:alignItems :flex-start
|
||||
:alignSelf :flex-start})
|
||||
{:width 260
|
||||
:margin-top 10
|
||||
:padding-left 8
|
||||
:padding-right 8
|
||||
:align-items :flex-start
|
||||
:align-self :flex-start})
|
||||
|
||||
(def typing-text
|
||||
{:marginTop -2
|
||||
:fontSize 12
|
||||
:color component.styles/text2-color})
|
||||
{:margin-top -2
|
||||
:font-size 12
|
||||
:color component.styles/text2-color})
|
||||
|
||||
(def overlay-highlight
|
||||
{:flex 1})
|
||||
|
|
@ -142,13 +142,13 @@
|
|||
:elevation 8})
|
||||
|
||||
(defn bottom-info-container [height]
|
||||
{:backgroundColor component.styles/color-white
|
||||
:elevation 2
|
||||
:position :absolute
|
||||
:bottom 16
|
||||
:left 16
|
||||
:right 16
|
||||
:height height})
|
||||
{:background-color component.styles/color-white
|
||||
:elevation 2
|
||||
:position :absolute
|
||||
:bottom 16
|
||||
:left 16
|
||||
:right 16
|
||||
:height height})
|
||||
|
||||
(def bottom-info-list-container
|
||||
{:padding-left 16
|
||||
|
|
@ -164,9 +164,9 @@
|
|||
:padding-bottom 4})
|
||||
|
||||
(def bottom-info-row-photo
|
||||
{:width 42
|
||||
:height 42
|
||||
:borderRadius 21})
|
||||
{:width 42
|
||||
:height 42
|
||||
:border-radius 21})
|
||||
|
||||
(def bottom-info-row-text-container
|
||||
{:margin-left 16
|
||||
|
|
|
|||
|
|
@ -197,9 +197,9 @@
|
|||
^{:key whisper-identity}
|
||||
[react/image {:source {:uri (or (get-in contacts [whisper-identity :photo-path])
|
||||
(identicon/identicon whisper-identity))}
|
||||
:style {:width 16
|
||||
:height 16
|
||||
:borderRadius 8}}])
|
||||
:style {:width 16
|
||||
:height 16
|
||||
:border-radius 8}}])
|
||||
(if (> delivery-statuses-count 3)
|
||||
[react/text {:style style/delivery-text
|
||||
:font :default}
|
||||
|
|
@ -254,8 +254,8 @@
|
|||
(let [to-value @to-value]
|
||||
(when (pos? to-value)
|
||||
(animation/start
|
||||
(animation/timing val {:toValue to-value
|
||||
:duration 250})
|
||||
(animation/timing val {:toValue to-value
|
||||
:duration 250})
|
||||
(fn [arg]
|
||||
(when (.-finished arg)
|
||||
(callback))))))))
|
||||
|
|
|
|||
|
|
@ -36,12 +36,12 @@
|
|||
:messages {},
|
||||
:returned {:markup ["text"
|
||||
{:style
|
||||
{:color "black",
|
||||
:fontSize 8,
|
||||
:letterSpacing 1,
|
||||
:marginBottom 2,
|
||||
:marginHorizontal 0,
|
||||
:marginTop 10}}
|
||||
{:color "black",
|
||||
:font-size 8,
|
||||
:letter-spacing 1,
|
||||
:margin-bottom 2,
|
||||
:margin-horizontal 0,
|
||||
:margin-top 10}}
|
||||
"●●●●●●●●●●"]}}})
|
||||
:else (callback {:result nil})))
|
||||
(-call-function! [this params])
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
{:flex 1})
|
||||
|
||||
(defn content-container [gap]
|
||||
{:paddingLeft (quot gap 2)
|
||||
:paddingRight (quot gap 2)})
|
||||
{:padding-left (quot gap 2)
|
||||
:padding-right (quot gap 2)})
|
||||
|
||||
(defn page [index count page-width gap]
|
||||
(let [margin (quot gap 2)
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
right-spacing (if (and (= index (dec count))
|
||||
(> count 1))
|
||||
gap 0)]
|
||||
{:width page-width
|
||||
:justifyContent :center
|
||||
:marginLeft (+ margin left-spacing)
|
||||
:marginRight (+ margin right-spacing)}))
|
||||
{:width page-width
|
||||
:justify-content :center
|
||||
:margin-left (+ margin left-spacing)
|
||||
:margin-right (+ margin right-spacing)}))
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@
|
|||
online-color]]))
|
||||
|
||||
(defn default-chat-icon [color]
|
||||
{:margin 0
|
||||
:width 40
|
||||
:height 40
|
||||
:alignItems :center
|
||||
:justifyContent :center
|
||||
:borderRadius 20
|
||||
:backgroundColor color})
|
||||
{:margin 0
|
||||
:width 40
|
||||
:height 40
|
||||
:align-items :center
|
||||
:justify-content :center
|
||||
:border-radius 20
|
||||
:background-color color})
|
||||
|
||||
(defn default-chat-icon-chat-list [color]
|
||||
(merge (default-chat-icon color)
|
||||
|
|
@ -36,15 +36,15 @@
|
|||
:border-radius 32}))
|
||||
|
||||
(def default-chat-icon-text
|
||||
{:marginTop -2
|
||||
:color color-white
|
||||
:fontSize 16
|
||||
:lineHeight 20})
|
||||
{:margin-top -2
|
||||
:color color-white
|
||||
:font-size 16
|
||||
:line-height 20})
|
||||
|
||||
(def message-status-icon-text
|
||||
{:marginTop -2
|
||||
:color color-white
|
||||
:fontSize 24})
|
||||
{:margin-top -2
|
||||
:color color-white
|
||||
:font-size 24})
|
||||
|
||||
(def chat-icon
|
||||
{:margin 4
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@
|
|||
|
||||
(defn icon-check-container [checked?]
|
||||
{:background-color (if checked? colors/blue colors/gray-lighter)
|
||||
:alignItems :center
|
||||
:justifyContent :center
|
||||
:align-items :center
|
||||
:justify-content :center
|
||||
:border-radius 2
|
||||
:width 24
|
||||
:height 24})
|
||||
|
|
|
|||
|
|
@ -4,18 +4,18 @@
|
|||
[status-im.ui.components.colors :as colors]))
|
||||
|
||||
(def gradient-top
|
||||
{:flexDirection :row
|
||||
:height 3
|
||||
:backgroundColor colors/gray-lighter})
|
||||
{:flex-direction :row
|
||||
:height 3
|
||||
:background-color colors/gray-lighter})
|
||||
|
||||
(def gradient-top-colors
|
||||
["rgba(25, 53, 76, 0.01)"
|
||||
"rgba(25, 53, 76, 0.1)"])
|
||||
|
||||
(def gradient-bottom
|
||||
{:flexDirection :row
|
||||
:height 2
|
||||
:backgroundColor colors/gray-lighter})
|
||||
{:flex-direction :row
|
||||
:height 2
|
||||
:background-color colors/gray-lighter})
|
||||
|
||||
(def gradient-bottom-colors
|
||||
["rgba(25, 53, 76, 0.1)"
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
(def info-container
|
||||
{:flex 1
|
||||
:flexDirection :column
|
||||
:flex-direction :column
|
||||
:margin-left 16
|
||||
:margin-right 5
|
||||
:justify-content :center})
|
||||
|
|
@ -27,9 +27,9 @@
|
|||
:letter-spacing -0.2}})
|
||||
|
||||
(def info-text
|
||||
{:marginTop 1
|
||||
:fontSize 12
|
||||
:color common/text2-color})
|
||||
{:margin-top 1
|
||||
:font-size 12
|
||||
:color common/text2-color})
|
||||
|
||||
(def contact-container
|
||||
{:flex-direction :row
|
||||
|
|
@ -37,14 +37,14 @@
|
|||
:background-color colors/white})
|
||||
|
||||
(def forward-btn
|
||||
{:opacity 0.4
|
||||
:padding 12
|
||||
:alignItems :center
|
||||
:justifyContent :center})
|
||||
{:opacity 0.4
|
||||
:padding 12
|
||||
:align-items :center
|
||||
:justify-content :center})
|
||||
|
||||
(def more-btn-container
|
||||
{:alignItems :center
|
||||
:justifyContent :center})
|
||||
{:align-items :center
|
||||
:justify-content :center})
|
||||
|
||||
(def more-btn
|
||||
{:padding 16})
|
||||
|
|
|
|||
|
|
@ -2,25 +2,25 @@
|
|||
(:require [status-im.ui.components.styles :as styles]))
|
||||
|
||||
(def image-button
|
||||
{:position :absolute
|
||||
:bottom 2
|
||||
:right 16
|
||||
:flex 1
|
||||
:height 50
|
||||
:alignItems :center})
|
||||
{:position :absolute
|
||||
:bottom 2
|
||||
:right 16
|
||||
:flex 1
|
||||
:height 50
|
||||
:align-items :center})
|
||||
|
||||
(def image-button-content
|
||||
{:flex 1
|
||||
:flexDirection :row
|
||||
:height 50
|
||||
:alignItems :center
|
||||
:alignSelf :center})
|
||||
{:flex 1
|
||||
:flex-direction :row
|
||||
:height 50
|
||||
:align-items :center
|
||||
:align-self :center})
|
||||
|
||||
(def image-button-text
|
||||
{:flex 1
|
||||
:flexDirection :column
|
||||
{:flex 1
|
||||
:flex-direction :column
|
||||
:letter-spacing -0.3
|
||||
:margin-left 8})
|
||||
:margin-left 8})
|
||||
|
||||
(def scan-button-text
|
||||
(merge image-button-text {:color styles/color-blue}))
|
||||
|
|
|
|||
|
|
@ -85,9 +85,9 @@
|
|||
{:flex 1})
|
||||
|
||||
(def create-icon
|
||||
{:fontSize 20
|
||||
:height 22
|
||||
:color :white})
|
||||
{:font-size 20
|
||||
:height 22
|
||||
:color :white})
|
||||
|
||||
(def icon-back
|
||||
{:width 8
|
||||
|
|
@ -122,17 +122,17 @@
|
|||
:height 12})
|
||||
|
||||
(def white-form-text-input
|
||||
{:marginLeft -4
|
||||
:fontSize 14
|
||||
:color color-white})
|
||||
{:margin-left -4
|
||||
:font-size 14
|
||||
:color color-white})
|
||||
|
||||
(def button-input-container
|
||||
{:flex 1
|
||||
:flexDirection :row})
|
||||
{:flex 1
|
||||
:flex-direction :row})
|
||||
|
||||
(def button-input
|
||||
{:flex 1
|
||||
:flexDirection :column})
|
||||
{:flex 1
|
||||
:flex-direction :column})
|
||||
|
||||
(def modal
|
||||
{:position :absolute
|
||||
|
|
|
|||
|
|
@ -25,9 +25,9 @@
|
|||
:margin-left 4})
|
||||
|
||||
(defstyle toolbar-container
|
||||
{:flex 1
|
||||
:android {:padding-left 18}
|
||||
:ios {:align-items :center}})
|
||||
{:flex 1
|
||||
:android {:padding-left 18}
|
||||
:ios {:align-items :center}})
|
||||
|
||||
(def toolbar-title-container
|
||||
{:flex 1
|
||||
|
|
@ -77,8 +77,8 @@
|
|||
:padding-horizontal 16})
|
||||
|
||||
(defstyle item
|
||||
{:ios {:marginHorizontal 12
|
||||
:marginVertical 16}
|
||||
{:ios {:margin-horizontal 12
|
||||
:margin-vertical 16}
|
||||
:android {:margin 16}})
|
||||
|
||||
(def item-text
|
||||
|
|
|
|||
|
|
@ -37,12 +37,12 @@
|
|||
:opacity 0.6})
|
||||
|
||||
(defstyle show-all
|
||||
{:flexDirection :row
|
||||
:alignItems :center
|
||||
:backgroundColor common/color-white
|
||||
:padding-left 72
|
||||
:android {:height 56}
|
||||
:ios {:height 64}})
|
||||
{:flex-direction :row
|
||||
:align-items :center
|
||||
:background-color common/color-white
|
||||
:padding-left 72
|
||||
:android {:height 56}
|
||||
:ios {:height 64}})
|
||||
|
||||
(defstyle show-all-text
|
||||
{:android {:font-size 14
|
||||
|
|
@ -65,9 +65,9 @@
|
|||
; New contact
|
||||
|
||||
(def contact-form-container
|
||||
{:flex 1
|
||||
:color :white
|
||||
:backgroundColor :white})
|
||||
{:flex 1
|
||||
:color :white
|
||||
:background-color :white})
|
||||
|
||||
(def gradient-background
|
||||
{:position :absolute
|
||||
|
|
@ -82,14 +82,14 @@
|
|||
:height 72})
|
||||
|
||||
(def address-explication-container
|
||||
{:flex 1
|
||||
:margin-top 30
|
||||
:paddingLeft 16
|
||||
:paddingRight 16})
|
||||
{:flex 1
|
||||
:margin-top 30
|
||||
:padding-left 16
|
||||
:padding-right 16})
|
||||
|
||||
(def address-explication
|
||||
{:textAlign :center
|
||||
:color common/color-gray})
|
||||
{:text-align :center
|
||||
:color common/color-gray})
|
||||
|
||||
(def qr-input
|
||||
{:margin-right 42})
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@
|
|||
|
||||
(defstyle new-messages-text
|
||||
{:left 0
|
||||
:fontSize 12
|
||||
:font-size 12
|
||||
:color colors/blue
|
||||
:text-align :center
|
||||
:android {:top 2}
|
||||
|
|
@ -145,9 +145,9 @@
|
|||
:padding-right 14})
|
||||
|
||||
(def create-icon
|
||||
{:fontSize 20
|
||||
:height 22
|
||||
:color colors/white})
|
||||
{:font-size 20
|
||||
:height 22
|
||||
:color colors/white})
|
||||
|
||||
(def group-icon
|
||||
{:margin-top 8
|
||||
|
|
|
|||
|
|
@ -4,29 +4,29 @@
|
|||
[status-im.utils.platform :as p]))
|
||||
|
||||
(def barcode-scanner-container
|
||||
{:flex 1
|
||||
:backgroundColor :white})
|
||||
{:flex 1
|
||||
:background-color :white})
|
||||
|
||||
(def barcode-scanner
|
||||
{:flex 1
|
||||
:justifyContent :flex-end
|
||||
:alignItems :center})
|
||||
{:flex 1
|
||||
:justify-content :flex-end
|
||||
:align-items :center})
|
||||
|
||||
(def rectangle-container
|
||||
{:position :absolute
|
||||
:left 0
|
||||
:top toolbar.styles/toolbar-height
|
||||
:bottom 0
|
||||
:right 0
|
||||
:flex 1
|
||||
:alignItems :center
|
||||
:justifyContent :center
|
||||
:backgroundColor :transparent})
|
||||
{:position :absolute
|
||||
:left 0
|
||||
:top toolbar.styles/toolbar-height
|
||||
:bottom 0
|
||||
:right 0
|
||||
:flex 1
|
||||
:align-items :center
|
||||
:justify-content :center
|
||||
:background-color :transparent})
|
||||
|
||||
(def rectangle
|
||||
{:height 250
|
||||
:width 250
|
||||
:backgroundColor :transparent})
|
||||
{:height 250
|
||||
:width 250
|
||||
:background-color :transparent})
|
||||
|
||||
(def corner-left-top
|
||||
{:position :absolute
|
||||
|
|
@ -57,21 +57,21 @@
|
|||
:height 56})
|
||||
|
||||
(def import-button
|
||||
{:position :absolute
|
||||
:right 16
|
||||
:flex 1
|
||||
:height 50
|
||||
:alignItems :center})
|
||||
{:position :absolute
|
||||
:right 16
|
||||
:flex 1
|
||||
:height 50
|
||||
:align-items :center})
|
||||
|
||||
(def import-button-content
|
||||
{:flex 1
|
||||
:flexDirection :row
|
||||
:height 50
|
||||
:alignItems :center
|
||||
:alignSelf :center})
|
||||
{:flex 1
|
||||
:flex-direction :row
|
||||
:height 50
|
||||
:align-items :center
|
||||
:align-self :center})
|
||||
|
||||
(def import-text
|
||||
{:flex 1
|
||||
:flexDirection :column
|
||||
:color color-white
|
||||
:margin-left 8})
|
||||
{:flex 1
|
||||
:flex-direction :column
|
||||
:color color-white
|
||||
:margin-left 8})
|
||||
|
|
|
|||
|
|
@ -27,9 +27,9 @@
|
|||
:bottom 0})
|
||||
|
||||
(def preview
|
||||
{:flex 1
|
||||
:justifyContent :flex-end
|
||||
:alignItems :center})
|
||||
{:flex 1
|
||||
:justify-content :flex-end
|
||||
:align-items :center})
|
||||
|
||||
(def corner-dimensions
|
||||
{:position :absolute
|
||||
|
|
@ -67,20 +67,20 @@
|
|||
(cond-> {:position :absolute
|
||||
:background-color :black
|
||||
:opacity 0.7}
|
||||
(= :top side) (assoc :height top-bottom-height
|
||||
:width top-bottom-width)
|
||||
(= :right side) (assoc :height left-right-height
|
||||
:width left-right-width
|
||||
:top top-bottom-height
|
||||
:right 0)
|
||||
(= :top side) (assoc :height top-bottom-height
|
||||
:width top-bottom-width)
|
||||
(= :right side) (assoc :height left-right-height
|
||||
:width left-right-width
|
||||
:top top-bottom-height
|
||||
:right 0)
|
||||
(= :bottom side) (assoc :height top-bottom-height
|
||||
:width top-bottom-width
|
||||
:bottom 0
|
||||
:left 0)
|
||||
(= :left side) (assoc :height left-right-height
|
||||
:width left-right-width
|
||||
:top top-bottom-height
|
||||
:left 0))))
|
||||
(= :left side) (assoc :height left-right-height
|
||||
:width left-right-width
|
||||
:top top-bottom-height
|
||||
:left 0))))
|
||||
|
||||
(def qr-code
|
||||
{:flex 1
|
||||
|
|
|
|||
|
|
@ -15,8 +15,8 @@
|
|||
styles/color-gray10-transparent)})
|
||||
|
||||
(def tabs-container
|
||||
{:flexDirection :row
|
||||
:height tabs.styles/tab-height})
|
||||
{:flex-direction :row
|
||||
:height tabs.styles/tab-height})
|
||||
|
||||
(defnstyle tab-title [active?]
|
||||
{:ios {:font-size 15}
|
||||
|
|
@ -53,10 +53,10 @@
|
|||
:font-size 17})
|
||||
|
||||
(def tx-time
|
||||
{:flex-grow 1
|
||||
:font-size 14
|
||||
:text-align :right
|
||||
:color styles/color-gray4})
|
||||
{:flex-grow 1
|
||||
:font-size 14
|
||||
:text-align :right
|
||||
:color styles/color-gray4})
|
||||
|
||||
(def address-row
|
||||
{:flex-direction :row
|
||||
|
|
@ -87,10 +87,10 @@
|
|||
:padding-vertical 12})
|
||||
|
||||
(def sign-all-view
|
||||
{:flex 1
|
||||
:flex-direction :column
|
||||
:justify-content :center
|
||||
:background-color styles/color-gray-transparent})
|
||||
{:flex 1
|
||||
:flex-direction :column
|
||||
:justify-content :center
|
||||
:background-color styles/color-gray-transparent})
|
||||
|
||||
(def sign-all-popup
|
||||
{:align-self :flex-start
|
||||
|
|
@ -215,5 +215,5 @@
|
|||
:background-color styles/color-cyan})
|
||||
|
||||
(def filter-container
|
||||
{:flex 1})
|
||||
{:flex 1})
|
||||
;:background-color colors/white})
|
||||
|
|
|
|||
Loading…
Reference in New Issue