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

do not scroll input 

Signed-off-by: Andrey Shovkoplyas <motor4ik@gmail.com>
This commit is contained in:
Andrey Shovkoplyas 2020-04-29 15:33:49 +02:00
parent fcf1a91507
commit 5dc6b77ee8
No known key found for this signature in database
GPG Key ID: EAAB7C8622D860A4
1 changed files with 1 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/status_im/ui/screens/chat/styles/input/input.cljs
View File

@ -1,10 +1,8 @@
(ns status-im.ui.screens.chat.styles.input.input
(:require [status-im.ui.components.colors :as colors]
[status-im.ui.screens.chat.styles.message.message :refer [message-author-name]]
[status-im.utils.styles :as styles]))
[status-im.ui.screens.chat.styles.message.message :refer [message-author-name]]))
(def min-input-height 36)
(def padding-vertical 8)
(def border-height 1)
(def max-input-height (* 5 min-input-height))
@ -40,9 +38,6 @@
:height 18
:include-font-padding false))
(def reply-message-container
{:flex-direction :column-reverse})
(def reply-message-to-container
{:flex-direction :row
:height 18
@ -51,12 +46,6 @@
:padding-right 8
:justify-content :flex-start})
(def reply-icon
{:width 20
:margin-top 1
:margin-bottom 1
:margin-right 0})
(def cancel-reply-highlight
{:align-self :flex-start
:width 19
@ -79,71 +68,9 @@
{:flex-direction :row
:align-items :flex-end})
(def input-animated
{:align-items :flex-start
:flex-direction :row
:flex-grow 1
:min-height min-input-height
:max-height max-input-height})
(def input-view
{:flex 1
:padding-top 12
:padding-bottom 15
:padding-horizontal 12
:min-height min-input-height
:max-height max-input-height})
(def invisible-input-text
{:position :absolute
:left 0
:background-color :transparent
:color :transparent})
(styles/defn invisible-input-text-height [container-width]
{:width container-width
:flex 1
:padding-top 5
:padding-bottom 5
:android {:padding-top 3}
:position :absolute
:left 0
:background-color :transparent
:color :transparent})
(styles/defn input-helper-view [left opacity]
{:opacity opacity
:position :absolute
:height min-input-height
:android {:left (+ 4 left)}
:ios {:left left}
:desktop {:left left}})
(styles/defn input-helper-text [left]
{:color colors/gray
:text-align-vertical :center
:flex 1
:android {:top -1}
:ios {:line-height min-input-height}
:desktop {:line-height min-input-height}})
(styles/defn seq-input-text [left container-width]
{:min-width (- container-width left)
:position :absolute
:text-align-vertical :center
:align-items :center
:android {:left (+ 2 left)
:height (+ 2 min-input-height)
:top 0.5}
:ios {:line-height min-input-height
:height min-input-height
:left left}
:desktop {:line-height min-input-height
:height min-input-height
:left left}})
(def input-clear-container
{:width 24
:height 24
:margin-top 7
:align-items :center})