manuelcillero/pagetop
manuelcillero/pagetop
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

♿️ Apply modern focus-within for keyboard submenus

Browse source
This commit is contained in:
Manuel Cillero 2023-10-22 10:49:22 +02:00
parent 0bb12c33b4
commit d8f0c367de
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
pagetop/static/base/css/menu.css
View file

@ -44,7 +44,8 @@
border: none; border: none;
transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;
} }
.pt-menu__nav li:hover > a { .pt-menu__nav li:hover > a,
.pt-menu__nav li > a:focus {
color: var(--pt-menu--color-highlight); color: var(--pt-menu--color-highlight);
} }
.pt-menu__nav li > a > i.pt-menu__icon { .pt-menu__nav li > a > i.pt-menu__icon {
@ -68,7 +69,9 @@
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
.pt-menu__nav li.pt-menu__children:hover > .pt-menu__subs { .pt-menu__nav li.pt-menu__children:hover > .pt-menu__subs,
.pt-menu__nav li.pt-menu__children > a:focus + .pt-menu__subs,
.pt-menu__nav li.pt-menu__children .pt-menu__subs:focus-within {
margin-top: 0.4rem; margin-top: 0.4rem;
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;