Fix style

Now sandwich buttons are available from the keyboard. Opening-closing the menu by pressing the spacebar (at least on a computer O_o).
This commit is contained in:
Visman 2023-04-15 21:57:19 +07:00
parent a731f6d56a
commit 318a1d2f69
3 changed files with 13 additions and 2 deletions

View file

@ -7,7 +7,7 @@
<div id="fork-a-menu">
@if ($p->aNavigation)
<nav id="fork-a-nav" class="f-menu">
<input hidden id="id-an-checkbox" class="f-menu-checkbox" type="checkbox">
<input id="id-an-checkbox" class="f-menu-checkbox" type="checkbox">
<label id="id-an-label" class="f-menu-toggle" for="id-an-checkbox"></label>
<ul class="f-menu-items">
@foreach ($p->aNavigation as $key => $val)

View file

@ -23,7 +23,7 @@
@if ($p->fNavigation)
<nav id="fork-nav" class="f-menu @if ($p->fNavigation['search']) f-main-nav-search @endif">
<div id="fork-navdir">
<input hidden id="id-mn-checkbox" class="f-menu-checkbox" type="checkbox">
<input id="id-mn-checkbox" class="f-menu-checkbox" type="checkbox">
<label id="id-mn-label" class="f-menu-toggle" for="id-mn-checkbox"></label>
<ul class="f-menu-items">
@foreach ($p->fNavigation as $key => $val)

View file

@ -351,6 +351,11 @@ body,
color: #583200;
}
#fork .f-menu-checkbox {
position: fixed;
transform: scale(0);
}
#fork .f-menu-checkbox:checked + .f-menu-toggle::after {
content: "\f00d";
}
@ -393,6 +398,12 @@ body,
text-overflow: ellipsis;
}
@media screen and (min-width: 50rem) {
#fork .f-menu-checkbox {
display: none;
}
}
/****************/
/* Главное меню */
/****************/