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:
parent
a731f6d56a
commit
318a1d2f69
3 changed files with 13 additions and 2 deletions
|
@ -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)
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
/****************/
|
||||
/* Главное меню */
|
||||
/****************/
|
||||
|
|
Loading…
Add table
Reference in a new issue