Public Posts Search Launcher: Fix button layout (#6122)

This commit is contained in:
Alexander Zinchuk 2025-08-15 23:04:41 +02:00
parent 53749dff25
commit b92a563f05
2 changed files with 11 additions and 1 deletions

View File

@ -64,6 +64,10 @@
margin-right: 0.25rem;
}
.searchIconWithNext {
margin-left: 0.25rem;
}
.searchQuery {
overflow: hidden;
display: inline-block;

View File

@ -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 })}