aja/up
aja/up
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix the menu blur overlay issue

Browse source
This commit is contained in:
Tolaria 2026-06-04 13:33:25 +08:00
parent ec88d58e05
commit 11921aa07a
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
docs/stylesheets/extra.css
View file

@ -858,6 +858,8 @@ article h1, article h2, article h3 {
min-height: 150px; min-height: 150px;
padding: 1.1rem 1.1rem 3.2rem 1.1rem; padding: 1.1rem 1.1rem 3.2rem 1.1rem;
} }
}
/* ═════════════════════════════════════════════════════════════════ /* ═════════════════════════════════════════════════════════════════
Action Points — Interactive Checklist Action Points — Interactive Checklist
═════════════════════════════════════════════════════════════════ */ ═════════════════════════════════════════════════════════════════ */
@ -978,3 +980,16 @@ h3[data-toa-complete="true"]::after {
.toa-export:hover { .toa-export:hover {
color: var(--gp-primary, #4a8262); color: var(--gp-primary, #4a8262);
} }
/* ═════════════════════════════════════════════════════════════════
Nav-drawer stacking fix (.md-overlay)
The backdrop-filter / transform / will-change rules in this stylesheet
spawn extra stacking contexts that let the drawer scrim (.md-overlay)
paint ON TOP of the open nav panel, blurring the menu and swallowing
its clicks. Dropping the scrim's z-index back to 1 puts it below the
drawer panel again, so the menu is visible and interactive.
(Verified: z-index:1 restores usable mobile nav.)
═════════════════════════════════════════════════════════════════ */
.md-overlay {
z-index: 1;
}