lois/Fediversity
1
0
Fork 0
forked from fediversity/fediversity
Code Pull requests Activity

simplify menu-toggle label SVG

Browse source
This commit is contained in:
Valentin Gagarin 2024-11-14 17:51:56 +01:00
parent e61ff7c039
commit b78d341d95
2 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
website/presentation/style.css
View file

@ -149,7 +149,6 @@ header > nav > ul > li > details > nav ul li {
.menu-close,
.menu-open {
cursor: pointer;
fill: var(--text-color);
}
.menu-close { display: none; }
#menu-toggle:checked + label .menu-close { display: block; }

4
website/structure/page.nix
View file

@ -66,10 +66,10 @@ in
<input type="checkbox" id="menu-toggle" hidden>
<label for="menu-toggle" hidden>
<svg class="menu-open" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"/>
<path d="M0 4 H20 M0 10 H20 M0 16 H20" stroke="currentColor" stroke-width="2"/>
</svg>
<svg class="menu-close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
<polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/>
<path d="M2 2L18 18M18 2L2 18" stroke="currentColor" stroke-width="2"/>
</svg>
</label>
${lib.indent " " (cfg.menus.main.outputs.html page)}