github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-01-31 15:15:15 +08:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Close the drawer when page content is touched. Fixes #69

Browse Source
This commit is contained in:
Toby Zerner 2015-05-11 11:03:40 +09:30
parent 5aafc8ce62
commit 4d17e172a7
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
js/forum/src/initializers/boot.js
View File

@ -21,12 +21,16 @@ export default function(app) {
app.pane = new Pane(id('page'));
app.cache = {};
app.signup = () => app.modal.show(new SignupModal());
app.login = () => app.modal.show(new LoginModal());
m.mount(id('back-control'), BackButton.component({ className: 'back-control', drawer: true }));
m.mount(id('back-button'), BackButton.component());
$('.global-content').click(e => {
if ($('body').hasClass('drawer-open')) {
e.preventDefault();
$('body').removeClass('drawer-open');
}
});
m.mount(id('header-primary'), HeaderPrimary.component());
m.mount(id('header-secondary'), HeaderSecondary.component());
m.mount(id('footer-primary'), FooterPrimary.component());

6
less/lib/layout.less
View File

@ -344,6 +344,12 @@ body {
.drawer-open & {
margin-left: @drawer-width;
// Disable all interaction with the content when the drawer is open. When
// .global-content is touched, the drawer will be closed.
& * {
pointer-events: none;
}
}
}
}