Make the menu more accessible

This commit is contained in:
Andrey Golovizin 2020-03-16 14:44:13 +01:00
parent f3201cd869
commit 91bbee090b
2 changed files with 9 additions and 6 deletions

View file

@ -66,15 +66,18 @@ a:hover {
/* Menu Items */ /* Menu Items */
#page-nav ul { #page-nav ul {
@apply m-0 p-0 list-none; @apply m-0 p-0 list-none overflow-auto;
} }
#page-nav ul li { #page-nav ul li {
@apply inline-block m-0 p-3 text-lg @apply m-0 p-0 float-left;
} }
#page-nav ul li a { #page-nav ul li a {
@apply text-white no-underline; @apply block p-3 text-lg text-white no-underline;
} }
#page-nav ul li.selected { #page-nav ul li a:hover {
@apply bg-green-900;
}
#page-nav ul li.selected a {
@apply bg-green-600; @apply bg-green-600;
} }
@ -92,7 +95,7 @@ a:hover {
/* Break down menu items into vertical */ /* Break down menu items into vertical */
#page-nav ul li { #page-nav ul li {
display: block; @apply block float-none;
} }
#page-nav ul li { #page-nav ul li {
border-top: 1px solid #22543D; border-top: 1px solid #22543D;

File diff suppressed because one or more lines are too long