This commit is contained in:
GZod01 2024-05-19 09:13:27 +02:00
parent 6595115398
commit af8b6b9908
3 changed files with 15 additions and 3 deletions

View file

@ -17,6 +17,11 @@ body {
#drawer-toggler:checked ~ body, .drawer-body-scrolling-disabled { #drawer-toggler:checked ~ body, .drawer-body-scrolling-disabled {
overflow: hidden; overflow: hidden;
background:grey;
* {
color:red!important;
}
} }
.main-page-wrap { .main-page-wrap {
@ -80,3 +85,9 @@ body {
font-size: 1.3em; font-size: 1.3em;
} }
} }
#drawer-toggler:checked + .drawer{
width: 300px;
.drawer-links {
opacity: 1;
}
}

View file

@ -5,8 +5,9 @@
{{- block "head" . -}}{{ end }} {{- block "head" . -}}{{ end }}
</head> </head>
<input type=checkbox hidden name=drawer-toggler id=drawer-toggler>
<body> <body>
<input type=checkbox hidden name=drawer-toggler id=drawer-toggler>
{{ partial "drawer" . }}
<div <div
id="main-page-wrap" id="main-page-wrap"
class="main-page-wrap" class="main-page-wrap"

View file

@ -3,11 +3,11 @@
class="drawer"> class="drawer">
<div class="drawer-content"> <div class="drawer-content">
<div class="drawer-close-container"> <div class="drawer-close-container">
<div <label
class="drawer-close-button" class="drawer-close-button"
for="drawer-toggler"> for="drawer-toggler">
<i class="fa fas fa-times-circle"></i> <i class="fa fas fa-times-circle"></i>
</div> </label>
</div> </div>
<div class="drawer-links"> <div class="drawer-links">
{{ range .Site.Menus.main.ByWeight }} {{ range .Site.Menus.main.ByWeight }}