From 3315ce9328b3deb7c7fc688ae47b0954f172db3c Mon Sep 17 00:00:00 2001 From: enahum Date: Thu, 27 Jul 2017 18:28:40 -0400 Subject: [PATCH] Adjust search box carret and selection color (#789) --- app/components/channel_drawer/channels_list/index.js | 1 + app/components/search_bar/search_bar.android.js | 3 +++ app/components/search_bar/search_box.js | 2 ++ app/screens/search/search.js | 1 + 4 files changed, 7 insertions(+) diff --git a/app/components/channel_drawer/channels_list/index.js b/app/components/channel_drawer/channels_list/index.js index 3a652bbb2..78b4ed430 100644 --- a/app/components/channel_drawer/channels_list/index.js +++ b/app/components/channel_drawer/channels_list/index.js @@ -165,6 +165,7 @@ class ChannelsList extends Component { tintColorSearch={changeOpacity(theme.sidebarHeaderTextColor, 0.8)} tintColorDelete={changeOpacity(theme.sidebarHeaderTextColor, 0.5)} titleCancelColor={theme.sidebarHeaderTextColor} + selectionColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)} onSearchButtonPress={this.onSearch} onCancelButtonPress={this.cancelSearch} onChangeText={this.onSearch} diff --git a/app/components/search_bar/search_bar.android.js b/app/components/search_bar/search_bar.android.js index 565dfb486..98de7c496 100644 --- a/app/components/search_bar/search_bar.android.js +++ b/app/components/search_bar/search_bar.android.js @@ -27,6 +27,7 @@ export default class SearchBarAndroid extends PureComponent { onSearchButtonPress: PropTypes.func, onSelectionChange: PropTypes.func, backgroundColor: PropTypes.string, + selectionColor: PropTypes.string, placeholderTextColor: PropTypes.string, titleCancelColor: PropTypes.string, tintColorSearch: PropTypes.string, @@ -132,6 +133,7 @@ export default class SearchBarAndroid extends PureComponent { keyboardType, placeholder, placeholderTextColor, + selectionColor, returnKeyType, titleCancelColor, tintColorDelete, @@ -204,6 +206,7 @@ export default class SearchBarAndroid extends PureComponent { onSelectionChange={this.onSelectionChange} placeholder={placeholder} placeholderTextColor={placeholderTextColor} + selectionColor={selectionColor} underlineColorAndroid='transparent' style={[ styles.searchBarInput, diff --git a/app/components/search_bar/search_box.js b/app/components/search_bar/search_box.js index aa65913b0..967d3aa93 100644 --- a/app/components/search_bar/search_box.js +++ b/app/components/search_bar/search_box.js @@ -36,6 +36,7 @@ export default class Search extends Component { titleCancelColor: PropTypes.string, tintColorSearch: PropTypes.string, tintColorDelete: PropTypes.string, + selectionColor: PropTypes.string, inputStyle: PropTypes.oneOfType([ PropTypes.number, PropTypes.object, @@ -367,6 +368,7 @@ export default class Search extends Component { onChangeText={this.onChangeText} placeholder={this.placeholder} placeholderTextColor={this.props.placeholderTextColor} + selectionColor={this.props.selectionColor} onSubmitEditing={this.onSearch} onSelectionChange={this.onSelectionChange} autoCorrect={false} diff --git a/app/screens/search/search.js b/app/screens/search/search.js index 44bb9c195..61794b905 100644 --- a/app/screens/search/search.js +++ b/app/screens/search/search.js @@ -462,6 +462,7 @@ class Search extends Component { }) }} placeholderTextColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)} + selectionColor={changeOpacity(theme.sidebarHeaderTextColor, 0.5)} tintColorSearch={changeOpacity(theme.sidebarHeaderTextColor, 0.8)} tintColorDelete={changeOpacity(theme.sidebarHeaderTextColor, 0.5)} titleCancelColor={theme.sidebarHeaderTextColor}