Public Posts Search Launcher: Fix button layout (#6122)
This commit is contained in:
parent
53749dff25
commit
b92a563f05
@ -64,6 +64,10 @@
|
|||||||
margin-right: 0.25rem;
|
margin-right: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.searchIconWithNext {
|
||||||
|
margin-left: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.searchQuery {
|
.searchQuery {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|||||||
@ -174,7 +174,13 @@ const PublicPostsSearchLauncher = ({
|
|||||||
activeKey={searchButtonActiveKey}
|
activeKey={searchButtonActiveKey}
|
||||||
>
|
>
|
||||||
<div className={styles.searchButtonContent}>
|
<div className={styles.searchButtonContent}>
|
||||||
<Icon name="search" className={styles.searchIcon} />
|
<Icon
|
||||||
|
name="search"
|
||||||
|
className={
|
||||||
|
buildClassName(styles.searchIcon,
|
||||||
|
searchQuery && styles.searchIconWithNext)
|
||||||
|
}
|
||||||
|
/>
|
||||||
{lang('ButtonSearchPublicPosts', {
|
{lang('ButtonSearchPublicPosts', {
|
||||||
query: searchQuery ? <span className={styles.searchQuery}>{searchQuery}</span> : '',
|
query: searchQuery ? <span className={styles.searchQuery}>{searchQuery}</span> : '',
|
||||||
}, { withNodes: true })}
|
}, { withNodes: true })}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user