Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

10
src/includes/nav_menu.html
View File

@@ -1,6 +1,8 @@
<ul class="nav_menu"> <ul class="nav_menu">
<!-- Home --> <!-- Home -->
<li class="nav_body"><a class="nav_title" href="index.html">Home</a></li> <li class="nav_body">
<a class="nav_title" href="index.html">Home</a>
</li>
<!-- Minecraft --> <!-- Minecraft -->
<li class="nav_dropdown"> <li class="nav_dropdown">
@@ -21,10 +23,10 @@
<!-- Pronoun Pages --> <!-- Pronoun Pages -->
<li class="nav_dropdown"> <li class="nav_dropdown">
<div class="dropdown_header nav_body"> <a class="dropdown_header nav_body" href="https://pronouns.page/@Cutieguwu">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu">Pronoun Pages</a> <p class="nav_title">Pronoun Pages</p>
<ion-icon name="chevron-forward-outline"></ion-icon> <ion-icon name="chevron-forward-outline"></ion-icon>
</div> </a>
<div class="dropdown_body"> <div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a> <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a> <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>

10
src/partials/_nav_menu.scss
View File

@@ -18,15 +18,20 @@
border-color: var(--accent-pink); border-color: var(--accent-pink);
margin: 0 var(--spacing-horizontal); margin: 0 var(--spacing-horizontal);
} }
}
.nav_body { .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;
background-color: var(--background-2); background-color: var(--background-2);
border-radius: var(--border-radius-small); border-radius: var(--border-radius-small);
transition: var(--transition-fade); transition: var(--transition-fade);
} }
.nav_dropdown:hover .nav_body, .nav_body:hover,
.nav_body:hover { .nav_dropdown:hover .nav_body {
transform: var(--transform-scale-x); transform: var(--transform-scale-x);
transition: var(--transition-cut); transition: var(--transition-cut);
@@ -36,4 +41,3 @@
transition: var(--transition-cut); transition: var(--transition-cut);
} }
} }
}

6
src/partials/_nav_title.scss
View File

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