Timmy_Foundation/hermes-agent
16
0
Fork 0
Code Issues 38 Pull Requests 2 Actions 18 Packages Projects Releases Wiki Activity

fix(docs): use compound selector instead of media query

Browse Source 
Target the exact state that breaks: when .navbar-sidebar--show is active
on the same <nav> element. This preserves the blur on mobile when the
sidebar is closed, and only removes it when the sidebar is open.
This commit is contained in:
Smyile
2026-03-31 10:56:23 +02:00
committed by Teknium
parent 7baee0b023
commit 8327f7cc61
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,16 +63,16 @@
/* 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);
}
/* backdrop-filter creates a stacking context that hides
.navbar-sidebar menu content (Docusaurus #6996). Remove it
while the mobile sidebar is open — both classes live on the
same <nav> element. */
.navbar.navbar-sidebar--show {
backdrop-filter: none;
}
.navbar__title {