balki/no-js-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved overlay to body

Browse Source
This commit is contained in:
Steven Engler 2024-03-29 18:11:21 -04:00
parent f215b2ef31
commit 3dc3adae26
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/_default/baseof.html
View File

@ -14,6 +14,7 @@
</head> </head>
<body> <body>
<input class="show-hide-menu-input" style="display:none;" autocomplete="off" type="checkbox" id="toggle-1"> <input class="show-hide-menu-input" style="display:none;" autocomplete="off" type="checkbox" id="toggle-1">
<label class="overlay" for="toggle-1"></label>
<div class="main"> <div class="main">
<div class="header"> <div class="header">
<div class="header-content"> <div class="header-content">
@ -31,7 +32,6 @@
<img class="color-adapting-image" width="30" src="{{ "images/hamburger.svg" | relURL }}" alt="menu button"> <img class="color-adapting-image" width="30" src="{{ "images/hamburger.svg" | relURL }}" alt="menu button">
</label> </label>
</div> </div>
<label class="overlay" for="toggle-1"></label>
{{- if .Site.Menus.main }} {{- if .Site.Menus.main }}
<div class="dont-show"> <div class="dont-show">
<p> <p>

2
static/css/styles.css
View File

@ -526,7 +526,7 @@ body {
transition: all 0.3s; transition: all 0.3s;
} }
.show-hide-menu-input:checked ~ .main .overlay { .show-hide-menu-input:checked ~ .overlay {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
transition: opacity 0.3s; transition: opacity 0.3s;