Updated sidebar menu icons to all be fixed widths

This commit is contained in:
mgabdev 2019-08-20 16:25:50 -04:00
parent 6590f43f6b
commit 241368b804

View File

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