Fix some glitches with being able to select links that weren't a

dropdown.
This commit is contained in:
Cutieguwu
2025-07-22 16:16:00 -04:00
parent ffda7ab696
commit 29e1eab437
3 changed files with 28 additions and 20 deletions

View File

@@ -18,22 +18,26 @@
border-color: var(--accent-pink);
margin: 0 var(--spacing-horizontal);
}
}
.nav_body {
background-color: var(--background-2);
border-radius: var(--border-radius-small);
transition: var(--transition-fade);
}
.nav_body {
/* Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element. */
color: inherit;
text-decoration: none;
.nav_dropdown:hover .nav_body,
.nav_body:hover {
transform: var(--transform-scale-x);
background-color: var(--background-2);
border-radius: var(--border-radius-small);
transition: var(--transition-fade);
}
.nav_body:hover,
.nav_dropdown:hover .nav_body {
transform: var(--transform-scale-x);
transition: var(--transition-cut);
.nav_title,
ion-icon {
color: var(--highlight-hover);
transition: var(--transition-cut);
.nav_title,
ion-icon {
color: var(--highlight-hover);
transition: var(--transition-cut);
}
}
}

View File

@@ -1,14 +1,16 @@
.nav_title {
/* Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element. */
color: inherit;
text-decoration: inherit;
text-decoration: none;
font-family: var(--font-family-generic);
font-weight: bold;
white-space: nowrap;
margin: 0 var(--spacing-horizontal);
margin: inherit;
padding: 0 var(--spacing-horizontal);
transition: var(--transition-fade);
text-transform: uppercase;
display: block;
}
.nav_title:hover {