diff --git a/docs/_sass/_navbar.scss b/docs/_sass/_navbar.scss index b6a6d44..a41ccf1 100644 --- a/docs/_sass/_navbar.scss +++ b/docs/_sass/_navbar.scss @@ -14,6 +14,12 @@ -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--color-border); transition: background $transition-normal, border-color $transition-normal; + + &.menu-open { + background: var(--color-bg); + backdrop-filter: none; + -webkit-backdrop-filter: none; + } } .navbar__inner { @@ -65,10 +71,13 @@ right: 0; bottom: 0; background: var(--color-bg); + backdrop-filter: none; padding: $space-2xl; gap: $space-xl; z-index: $z-navbar; animation: fadeIn 0.2s ease; + overflow-y: auto; + -webkit-overflow-scrolling: touch; } } } diff --git a/docs/assets/js/theme-toggle.js b/docs/assets/js/theme-toggle.js index 5f233ef..f48e8be 100644 --- a/docs/assets/js/theme-toggle.js +++ b/docs/assets/js/theme-toggle.js @@ -45,11 +45,13 @@ // Hamburger menu var hamburger = document.getElementById('navHamburger'); var navLinks = document.getElementById('navLinks'); + var navbarEl = document.getElementById('navbar'); if (hamburger && navLinks) { hamburger.addEventListener('click', function () { - hamburger.classList.toggle('is-open'); + var isOpen = hamburger.classList.toggle('is-open'); navLinks.classList.toggle('is-open'); + if (navbarEl) navbarEl.classList.toggle('menu-open', isOpen); }); // Close on link click (mobile) @@ -57,6 +59,7 @@ link.addEventListener('click', function () { hamburger.classList.remove('is-open'); navLinks.classList.remove('is-open'); + if (navbarEl) navbarEl.classList.remove('menu-open'); }); }); } diff --git a/docs/index.html b/docs/index.html index 27d0d15..3f39dc1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -311,26 +311,6 @@
Block tracking, custom thresholds, constructor tracking, global configuration, and more — Timer Ninja has everything you need for method-level performance insights.
-
- Start measuring method execution time the smart way. Zero boilerplate, full visibility. +
+ Block tracking, custom thresholds, constructor tracking, and more — explore all features in the docs and start measuring the smart way.