me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 11:27:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make top app bar and drawer work properly

Browse Source 
Top app bar now collapses on scroll & drawer opens when the menu button is clicked
This commit is contained in:
Matthew Grove
2018-11-20 16:51:32 +00:00
parent 404d4ab508
commit 2709500e8d
3 changed files with 9 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/global.js
View File

@@ -1,18 +1,20 @@
$(document).ready(function(){
// include navbar
$(".mdc-drawer").load("/page-inserts/navbar.html", function(){
// initiate MDC drawer
const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
// include top app bar
$(".mdc-top-app-bar").load("/page-inserts/top-app-bar.html", function(){
// initiate MDC drawer
const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector(".mdc-drawer"));
// initiate MDC top app bar
const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
setScrollTarget(document.getElementById('main-content'), mdc_top_app_bar);
mdc_top_app_bar.listen('MDCTopAppBar:nav', () => {
mdc_top_app_bar.listen("MDCTopAppBar:nav", () => {
drawer.open = !drawer.open;
});
// initiate MDC items
mdc.autoInit();