Timmy_Foundation/hermes-agent
15
0
Fork 0
Code Issues 247 Pull Requests 14 Actions 1 Packages Projects Releases Wiki Activity

fix(docs): restrict backdrop-filter to desktop to fix mobile sidebar

Browse Source 
backdrop-filter on .navbar creates a new CSS stacking context that
hides .navbar-sidebar menu content on mobile (only the close button
is visible). Scope the blur effect to min-width: 997px so it only
applies on desktop where the sidebar is not rendered inside the navbar.

Ref: facebook/docusaurus#6996, facebook/docusaurus#6853
This commit is contained in:
Smyile
2026-03-31 10:52:57 +02:00
committed by Teknium
parent efa327a998
commit 7baee0b023
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
website/src/css/custom.css
View File

@@ -63,10 +63,18 @@
/* Navbar styling */
.navbar {
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 215, 0, 0.08);
}
/* Frosted-glass blur — desktop only.
On mobile, backdrop-filter creates a stacking context that hides
the navbar-sidebar menu content (Docusaurus #6996). */
@media (min-width: 997px) {
.navbar {
backdrop-filter: blur(12px);
}
}
.navbar__title {
font-weight: 600;
letter-spacing: -0.02em;