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

chat: fix input length styling after commands

This commit is contained in:
Herich 2017-07-13 08:59:36 +02:00 committed by Roman Volosovskyi
parent 458c884462
commit ac699e3320
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/status_im/chat/styles/input/input.cljs
View File

@ -82,8 +82,8 @@
:ios {:line-height min-input-height
:left (+ 10 left)}})
(defnstyle seq-input-text [left]
{:min-width 200
(defnstyle seq-input-text [left container-width]
{:min-width (- container-width left)
:font-size 14
:position :absolute
:text-align-vertical :center

7
src/status_im/chat/views/input/input.cljs
View File

@ -160,11 +160,11 @@
arg-pos (subscribe [:current-chat-argument-position])
seq-arg-input-text (subscribe [:chat :seq-argument-input-text])
sending-in-progress? (subscribe [:chat-ui-props :sending-in-progress?])]
(fn [{:keys [command-width]}]
(fn [{:keys [command-width container-width]}]
(when (get-in @command [:command :sequential-params])
(let [{:keys [placeholder hidden type]} (get-in @command [:command :params @arg-pos])]
[text-input (merge {:ref #(dispatch [:set-chat-ui-props {:seq-input-ref %}])
:style (style/seq-input-text command-width)
:style (style/seq-input-text command-width container-width)
:default-value (or @seq-arg-input-text "")
:on-change-text #(do (dispatch [:set-chat-seq-arg-input-text %])
(dispatch [:load-chat-parameter-box (:command @command)])
@ -201,7 +201,8 @@
:single-line-input? single-line-input?}]
[input-helper {:command command
:width width}]
[seq-input {:command-width width}]
[seq-input {:command-width width
:container-width container-width}]
(if-not command
[touchable-highlight
{:on-press #(do (dispatch [:toggle-chat-ui-props :show-emoji?])