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;
|
||||
}
|
||||
|
||||
.searchIconWithNext {
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
|
||||
.searchQuery {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
|
||||
@ -174,7 +174,13 @@ const PublicPostsSearchLauncher = ({
|
||||
activeKey={searchButtonActiveKey}
|
||||
>
|
||||
<div className={styles.searchButtonContent}>
|
||||
<Icon name="search" className={styles.searchIcon} />
|
||||
<Icon
|
||||
name="search"
|
||||
className={
|
||||
buildClassName(styles.searchIcon,
|
||||
searchQuery && styles.searchIconWithNext)
|
||||
}
|
||||
/>
|
||||
{lang('ButtonSearchPublicPosts', {
|
||||
query: searchQuery ? <span className={styles.searchQuery}>{searchQuery}</span> : '',
|
||||
}, { withNodes: true })}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user