studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

fix: overlay and menu z-index, site-title back in header

Browse source 
- Restore #site-title inside #site-header
- Overlay below header (z-header - 2), menu below header (z-header - 1)
- Header stays above overlay; when menu-open, dim all header elements
  except #site-title (opacity trick)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-27 12:01:14 +01:00
parent b954824e41
commit 03032dcda8
3 changed files with 37 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/partials/_site-menu.scss
View file

@ -12,7 +12,7 @@
background-color: var(--color-bg);
border-left: var(--border-light);
padding: var(--padding-body);
z-index: calc(var(--z-header) + 2);
z-index: calc(var(--z-header) - 1);
@media #{$x-small}{
width: 100vw;
@ -78,7 +78,7 @@
#menu-overlay{
position: fixed;
inset: 0;
z-index: calc(var(--z-header) + 1);
z-index: calc(var(--z-header) - 2);
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;