moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PrimaryNavigation: add Search button

This commit is contained in:
Alex Gleason 2021-10-05 13:29:52 -05:00
parent c222e0da9d
commit 620aff7107
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
3 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/soapbox/components/primary_navigation.js
View File

@ -69,6 +69,14 @@ class PrimaryNavigation extends React.PureComponent {
<FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' /> <FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' />
</NavLink>} </NavLink>}
<NavLink key='search' className='btn grouped' to='/search'>
<Icon
src={require('@tabler/icons/icons/search.svg')}
className={classNames('primary-navigation__icon', { 'svg-icon--active': location.pathname === '/search' })}
/>
<FormattedMessage id='navigation.search' defaultMessage='Search' />
</NavLink>
{(features.chats && account) && <NavLink key='chats' className='btn grouped' to='/chats' data-preview-title-id='column.chats'> {(features.chats && account) && <NavLink key='chats' className='btn grouped' to='/chats' data-preview-title-id='column.chats'>
<IconWithCounter <IconWithCounter
src={require('@tabler/icons/icons/messages.svg')} src={require('@tabler/icons/icons/messages.svg')}

2
app/styles/components/icon.scss
View File

@ -13,7 +13,7 @@
&--active { &--active {
svg.icon-tabler-search { svg.icon-tabler-search {
stroke-width: 2px; stroke-width: 2.3px;
} }
svg.icon-tabler-bell, svg.icon-tabler-bell,

6
app/styles/navigation.scss
View File

@ -16,6 +16,12 @@
svg.icon-tabler { svg.icon-tabler {
stroke-width: 1.5px; stroke-width: 1.5px;
} }
&--active {
svg.icon-tabler-search {
stroke-width: 2.5px;
}
}
} }
&::before { &::before {