[matrix] Hide hamburger menu on pages without sidebar

This commit is contained in:
Josh 2020-08-31 16:27:32 +10:00 committed by Rapptz
parent 2ad87dbff6
commit 4b82785e10
2 changed files with 14 additions and 10 deletions

View File

@ -56,16 +56,18 @@ document.addEventListener('DOMContentLoaded', () => {
sections = document.querySelectorAll('section'); sections = document.querySelectorAll('section');
hamburgerToggle = document.getElementById('hamburger-toggle'); hamburgerToggle = document.getElementById('hamburger-toggle');
hamburgerToggle.addEventListener('click', (e) => { if (hamburgerToggle) {
sidebar.element.classList.toggle('sidebar-toggle'); hamburgerToggle.addEventListener('click', (e) => {
let button = hamburgerToggle.firstElementChild; sidebar.element.classList.toggle('sidebar-toggle');
if (button.textContent == 'menu') { let button = hamburgerToggle.firstElementChild;
button.textContent = 'close'; if (button.textContent == 'menu') {
} button.textContent = 'close';
else { }
button.textContent = 'menu'; else {
} button.textContent = 'menu';
}); }
});
}
const tables = document.querySelectorAll('.py-attribute-table[data-move-to-id]'); const tables = document.querySelectorAll('.py-attribute-table[data-move-to-id]');
tables.forEach(table => { tables.forEach(table => {

View File

@ -102,9 +102,11 @@
</div> </div>
{#- The sidebar component #} {#- The sidebar component #}
<aside class="grid-item"> <aside class="grid-item">
{%- if display_toc %}
<span id="hamburger-toggle"> <span id="hamburger-toggle">
<span class="material-icons">menu</span> <span class="material-icons">menu</span>
</span> </span>
{%- endif %}
<span id="settings-toggle" class="settings" onclick="settingsModal.open();"> <span id="settings-toggle" class="settings" onclick="settingsModal.open();">
<span class="material-icons">settings</span> <span class="material-icons">settings</span>
</span> </span>