Updated sidebar menu icons to all be fixed widths
This commit is contained in:
parent
6590f43f6b
commit
241368b804
|
@ -139,59 +139,59 @@ class SidebarMenu extends ImmutablePureComponent {
|
||||||
|
|
||||||
<div className='sidebar-menu__section sidebar-menu__section--borderless'>
|
<div className='sidebar-menu__section sidebar-menu__section--borderless'>
|
||||||
<NavLink className='sidebar-menu-item' to={`/${acct}`} onClick={this.handleSidebarClose}>
|
<NavLink className='sidebar-menu-item' to={`/${acct}`} onClick={this.handleSidebarClose}>
|
||||||
<Icon id='user' />
|
<Icon id='user' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.profile)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.profile)}</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<a className='sidebar-menu-item' href='https://blog.gab.com'>
|
<a className='sidebar-menu-item' href='https://blog.gab.com'>
|
||||||
<Icon id='align-left' />
|
<Icon id='align-left' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.news)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.news)}</span>
|
||||||
</a>
|
</a>
|
||||||
<a className='sidebar-menu-item' href='https://gumroad.com/getongab'>
|
<a className='sidebar-menu-item' href='https://gumroad.com/getongab'>
|
||||||
<Icon id='dollar' />
|
<Icon id='dollar' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.store)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.store)}</span>
|
||||||
</a>
|
</a>
|
||||||
<a className='sidebar-menu-item' href='https://blog.gab.com/support-gab'>
|
<a className='sidebar-menu-item' href='https://blog.gab.com/support-gab'>
|
||||||
<Icon id='users' />
|
<Icon id='users' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.partners)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.partners)}</span>
|
||||||
</a>
|
</a>
|
||||||
<a className='sidebar-menu-item' href='https://apps.gab.com'>
|
<a className='sidebar-menu-item' href='https://apps.gab.com'>
|
||||||
<Icon id='th' />
|
<Icon id='th' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.apps)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.apps)}</span>
|
||||||
</a>
|
</a>
|
||||||
<a className='sidebar-menu-item' href='/settings/preferences'>
|
<a className='sidebar-menu-item' href='/settings/preferences'>
|
||||||
<Icon id='cog' />
|
<Icon id='cog' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.preferences)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.preferences)}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='sidebar-menu__section'>
|
<div className='sidebar-menu__section'>
|
||||||
<div className='sidebar-menu-item' onClick={this.toggleMore} role='button'>
|
<div className='sidebar-menu-item' onClick={this.toggleMore} role='button'>
|
||||||
<Icon id={moreIcon} />
|
<Icon id={moreIcon} fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.more)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.more)}</span>
|
||||||
</div>
|
</div>
|
||||||
<div style={moreContainerStyle}>
|
<div style={moreContainerStyle}>
|
||||||
<NavLink className='sidebar-menu-item' to='/lists' onClick={this.handleSidebarClose}>
|
<NavLink className='sidebar-menu-item' to='/lists' onClick={this.handleSidebarClose}>
|
||||||
<Icon id='list' />
|
<Icon id='list' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.lists)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.lists)}</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<NavLink className='sidebar-menu-item' to='/follow_requests' onClick={this.handleSidebarClose}>
|
<NavLink className='sidebar-menu-item' to='/follow_requests' onClick={this.handleSidebarClose}>
|
||||||
<Icon id='user-plus' />
|
<Icon id='user-plus' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.follow_requests)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.follow_requests)}</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<NavLink className='sidebar-menu-item' to='/blocks' onClick={this.handleSidebarClose}>
|
<NavLink className='sidebar-menu-item' to='/blocks' onClick={this.handleSidebarClose}>
|
||||||
<Icon id='ban' />
|
<Icon id='ban' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.blocks)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.blocks)}</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<NavLink className='sidebar-menu-item' to='/domain_blocks' onClick={this.handleSidebarClose}>
|
<NavLink className='sidebar-menu-item' to='/domain_blocks' onClick={this.handleSidebarClose}>
|
||||||
<Icon id='sitemap' />
|
<Icon id='sitemap' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.domain_blocks)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.domain_blocks)}</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<NavLink className='sidebar-menu-item' to='/mutes' onClick={this.handleSidebarClose}>
|
<NavLink className='sidebar-menu-item' to='/mutes' onClick={this.handleSidebarClose}>
|
||||||
<Icon id='times-circle' />
|
<Icon id='times-circle' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.mutes)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.mutes)}</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<a className='sidebar-menu-item' href='/filters'>
|
<a className='sidebar-menu-item' href='/filters'>
|
||||||
<Icon id='filter' />
|
<Icon id='filter' fixedWidth />
|
||||||
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.filters)}</span>
|
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.filters)}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue