[matrix] Hide hamburger menu on pages without sidebar

This commit is contained in:
Josh 2020-08-31 16:27:32 +10:00 committed by GitHub
parent 3b90e2e74e
commit 26cce4fb78
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 10 deletions

View File

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

View File

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