Skip to content
Permalink
Browse files

fix(ui): channels search clear button placement

  • Loading branch information...
korhaliv committed Jun 12, 2019
1 parent d564e41 commit d1bbba1eb0d23343cfc6c54c450db8d45f0eebaa
@@ -19,7 +19,14 @@ const messageMapper = key => {

const ChannelFilter = ({ changeFilter, filter, filters, ...rest }) => (
<Flex alignItems="baseline" {...rest}>
<Label fontWeight="light" htmlFor="channel-filter" mr={2}>
<Label
css={`
white-space: nowrap;
`}
fontWeight="light"
htmlFor="channel-filter"
mr={2}
>
<FormattedMessage {...messages.channel_filter_label} />
</Label>
<Dropdown
@@ -21,7 +21,14 @@ const messageMapper = key => {
const ChannelSort = ({ changeSort, sort, sorters, ...rest }) => {
return (
<Flex alignItems="baseline" {...rest}>
<Label fontWeight="light" htmlFor="channel-sort" mr={2}>
<Label
css={`
white-space: nowrap;
`}
fontWeight="light"
htmlFor="channel-sort"
mr={2}
>
<FormattedMessage {...messages.channel_sort_label} />
</Label>
<Dropdown
@@ -39,9 +39,9 @@ const ChannelsActions = ({
placeholder={intl.formatMessage({ ...messages.search_placeholder })}
searchQuery={searchQuery}
updateChannelSearchQuery={updateChannelSearchQuery}
width={5 / 12}
width={1}
/>
<Flex alignItems="center" as="section" justifyContent="flex-end" width={7 / 12}>
<Flex alignItems="center" as="section" justifyContent="flex-end">
<ChannelFilter changeFilter={changeFilter} filter={filter} filters={filters} mx={3} />
<ChannelSort changeSort={changeSort} mx={3} sort={sort} sorters={sorters} />
<ChannelSortDirectionButton isAsc={sortOrder === 'asc'} onClick={switchSortOrder} />

0 comments on commit d1bbba1

Please sign in to comment.
You can’t perform that action at this time.