Fix some glitches with being able to select links that weren't a
dropdown.
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user