04/19 Continue fixing the UI issues with Chrome 3
This commit is contained in:
@@ -1867,10 +1867,10 @@ const Vault = (() => {
|
|||||||
// Tabs
|
// Tabs
|
||||||
document.querySelectorAll('.panel-tabs').forEach(c => initTabs(c));
|
document.querySelectorAll('.panel-tabs').forEach(c => initTabs(c));
|
||||||
|
|
||||||
// Sidebar collapse toggle — desktop only (mobile uses hamburger instead)
|
// Sidebar collapse toggle (desktop) and mobile hamburger
|
||||||
const sidebar = document.getElementById('sidebar');
|
const sidebar = document.getElementById('sidebar');
|
||||||
const toggleBtn = document.getElementById('btn-sidebar-toggle');
|
const toggleBtn = document.getElementById('btn-sidebar-toggle');
|
||||||
if (sidebar && toggleBtn && document.documentElement.classList.contains('is-desktop')) {
|
if (sidebar && toggleBtn) {
|
||||||
const STORAGE_KEY = 'sidebar_collapsed';
|
const STORAGE_KEY = 'sidebar_collapsed';
|
||||||
if (localStorage.getItem(STORAGE_KEY) === '1') {
|
if (localStorage.getItem(STORAGE_KEY) === '1') {
|
||||||
sidebar.classList.add('collapsed');
|
sidebar.classList.add('collapsed');
|
||||||
@@ -1905,9 +1905,10 @@ const Vault = (() => {
|
|||||||
backdrop?.addEventListener('touchstart', closeMobileSidebar, { passive: true });
|
backdrop?.addEventListener('touchstart', closeMobileSidebar, { passive: true });
|
||||||
|
|
||||||
// Close mobile sidebar when a nav item is tapped (mobile only)
|
// Close mobile sidebar when a nav item is tapped (mobile only)
|
||||||
|
const mobileQuery = window.matchMedia('(max-width: 768px)');
|
||||||
document.querySelectorAll('.sidebar-item').forEach(item => {
|
document.querySelectorAll('.sidebar-item').forEach(item => {
|
||||||
item.addEventListener('click', () => {
|
item.addEventListener('click', () => {
|
||||||
if (document.documentElement.classList.contains('is-mobile')) closeMobileSidebar();
|
if (mobileQuery.matches) closeMobileSidebar();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user