random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated sidebar menu item placement

Browse Source 
added body class to to stop scroll when sidebar menu is open
This commit is contained in:
mgabdev 2019-08-15 11:38:55 -04:00
parent 9e3d4f5385
commit 342feb90ca
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/gabsocial/components/sidebar_menu.js
View File

@ -57,6 +57,14 @@ class SidebarMenu extends ImmutablePureComponent {
onClose: PropTypes.func.isRequired, onClose: PropTypes.func.isRequired,
}; };
componentDidUpdate () {
if (this.props.sidebarOpen) {
document.body.classList.add('with-modals--active');
} else {
document.body.classList.remove('with-modals--active');
}
}
render () { render () {
const { sidebarOpen, onClose, intl, account } = this.props; const { sidebarOpen, onClose, intl, account } = this.props;
const acct = account.get('acct'); const acct = account.get('acct');
@ -120,6 +128,10 @@ class SidebarMenu extends ImmutablePureComponent {
</div> </div>
<div className='sidebar-menu__section'> <div className='sidebar-menu__section'>
<a className='sidebar-menu-item' href='/settings/preferences'>
<Icon id='cog' />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.preferences)}</span>
</a>
<NavLink className='sidebar-menu-item' to='/follow_requests' onClick={onClose}> <NavLink className='sidebar-menu-item' to='/follow_requests' onClick={onClose}>
<Icon id='user-plus' /> <Icon id='user-plus' />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.follow_requests)}</span> <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.follow_requests)}</span>
@ -140,10 +152,6 @@ class SidebarMenu extends ImmutablePureComponent {
<Icon id='filter' /> <Icon id='filter' />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.filters)}</span> <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.filters)}</span>
</a> </a>
<a className='sidebar-menu-item' href='/settings/preferences'>
<Icon id='cog' />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.preferences)}</span>
</a>
</div> </div>
<div className='sidebar-menu__section'> <div className='sidebar-menu__section'>