selectin color changed for selectable text inputs and texts (#5469)
This commit is contained in:
parent
879e33b9b5
commit
6cdb1ac629
|
@ -10,7 +10,8 @@
|
||||||
[status-im.ui.screens.add-new.new-public-chat.view :refer [default-public-chats]]
|
[status-im.ui.screens.add-new.new-public-chat.view :refer [default-public-chats]]
|
||||||
[status-im.ui.screens.add-new.new-public-chat.db :as public-chat-db]
|
[status-im.ui.screens.add-new.new-public-chat.db :as public-chat-db]
|
||||||
[taoensso.timbre :as log]
|
[taoensso.timbre :as log]
|
||||||
[status-im.ui.components.react :as react]))
|
[status-im.ui.components.react :as react]
|
||||||
|
[status-im.ui.components.colors :as colors]))
|
||||||
|
|
||||||
(views/defview new-contact []
|
(views/defview new-contact []
|
||||||
(views/letsubs [new-contact-identity [:get :contacts/new-identity]
|
(views/letsubs [new-contact-identity [:get :contacts/new-identity]
|
||||||
|
@ -32,6 +33,7 @@
|
||||||
[react/text-input {:placeholder "0x..."
|
[react/text-input {:placeholder "0x..."
|
||||||
:flex 1
|
:flex 1
|
||||||
:style styles/add-contact-input
|
:style styles/add-contact-input
|
||||||
|
:selection-color colors/hawkes-blue
|
||||||
:on-change (fn [e]
|
:on-change (fn [e]
|
||||||
(let [native-event (.-nativeEvent e)
|
(let [native-event (.-nativeEvent e)
|
||||||
text (.-text native-event)]
|
text (.-text native-event)]
|
||||||
|
@ -69,6 +71,7 @@
|
||||||
(.setNativeProps % (js-obj "text" "#"))
|
(.setNativeProps % (js-obj "text" "#"))
|
||||||
(reset! topic-input-ref %))
|
(reset! topic-input-ref %))
|
||||||
:style styles/add-contact-input
|
:style styles/add-contact-input
|
||||||
|
:selection-color colors/hawkes-blue
|
||||||
:on-change (fn [e]
|
:on-change (fn [e]
|
||||||
(let [native-event (.-nativeEvent e)
|
(let [native-event (.-nativeEvent e)
|
||||||
text (.-text native-event)
|
text (.-text native-event)
|
||||||
|
|
|
@ -69,11 +69,12 @@
|
||||||
photo-path)}
|
photo-path)}
|
||||||
:style styles/photo-style}]])))
|
:style styles/photo-style}]])))
|
||||||
|
|
||||||
(views/defview message-with-timestamp [text {:keys [timestamp] :as message} style]
|
(views/defview message-with-timestamp [text {:keys [timestamp outgoing] :as message} style]
|
||||||
[react/view {:style style}
|
[react/view {:style style}
|
||||||
[react/view {:style styles/message-wrapper}
|
[react/view {:style styles/message-wrapper}
|
||||||
[react/text {:style styles/message-text
|
[react/text {:style (styles/message-text message)
|
||||||
:selectable true}
|
:selectable true
|
||||||
|
:selection-color (if outgoing colors/white colors/hawkes-blue)}
|
||||||
text]
|
text]
|
||||||
[react/text {:style (styles/message-timestamp-placeholder)}
|
[react/text {:style (styles/message-timestamp-placeholder)}
|
||||||
(time/timestamp->time timestamp)]
|
(time/timestamp->time timestamp)]
|
||||||
|
@ -218,4 +219,5 @@
|
||||||
(i18n/label :t/send-message)]]]
|
(i18n/label :t/send-message)]]]
|
||||||
[react/text {:style styles/chat-profile-contact-code} (i18n/label :t/contact-code)]
|
[react/text {:style styles/chat-profile-contact-code} (i18n/label :t/contact-code)]
|
||||||
[react/text {:style {:font-size 14}
|
[react/text {:style {:font-size 14}
|
||||||
:selectable true} public-key]]]))
|
:selectable true
|
||||||
|
:selection-color colors/hawkes-blue} public-key]]]))
|
||||||
|
|
|
@ -42,7 +42,9 @@
|
||||||
[react/view {:style styles/qr-code}
|
[react/view {:style styles/qr-code}
|
||||||
[qr-code-viewer/qr-code {:value public-key :size 130}]]
|
[qr-code-viewer/qr-code {:value public-key :size 130}]]
|
||||||
[react/view {:style {:align-items :center}}
|
[react/view {:style {:align-items :center}}
|
||||||
[react/text {:style styles/qr-code-text}
|
[react/text {:style styles/qr-code-text
|
||||||
|
:selectable true
|
||||||
|
:selection-color colors/hawkes-blue}
|
||||||
public-key]
|
public-key]
|
||||||
(when tooltip-opacity
|
(when tooltip-opacity
|
||||||
[copied-tooltip tooltip-opacity])]
|
[copied-tooltip tooltip-opacity])]
|
||||||
|
|
Loading…
Reference in New Issue