fixed inconsistent styling of links in main menu dropdowns

This commit is contained in:
eclipse 2025-05-21 17:33:18 +02:00
parent e9d5a2c1a5
commit 02faf783f8

View File

@ -175,9 +175,6 @@ h1, h2, h3, h4, h5, h6 {
/* Navbar */ /* Navbar */
#site-navbar { #site-navbar {
a {
--pico-text-decoration: none;
}
ul { ul {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
@ -204,11 +201,17 @@ h1, h2, h3, h4, h5, h6 {
details.dropdown { details.dropdown {
margin-block-end: calc(var(--pico-spacing) * -1); margin-block-end: calc(var(--pico-spacing) * -1);
>summary:not([role]) a, >summary:not([role]) + ul li a,
li a { a {
color: var(--pico-primary); color: var(--pico-primary);
} }
> summary + ul li a:hover,
a:hover {
color: var(--pico-primary-hover);
text-decoration: underline;
}
>summary:not([role]) { >summary:not([role]) {
background-color: inherit; background-color: inherit;
border: none; border: none;