mirror of
https://github.com/NousResearch/hermes-agent.git
synced 2026-04-26 01:01:40 +00:00
fix(docs): restrict backdrop-filter to desktop to fix mobile sidebar
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:
parent
efa327a998
commit
7baee0b023
1 changed files with 9 additions and 1 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue