more nav tweaks

This commit is contained in:
Daniel Vinci 2021-04-30 13:41:00 -06:00
parent d71bb1ee0b
commit f790bdca38
No known key found for this signature in database
GPG key ID: 7A700C29916C26CA

View file

@ -12,6 +12,13 @@
matchingSegment="about-contact" matchingSegment="about-contact"
humanName="about & contact" humanName="about & contact"
/> />
<div class="dropdown">
<div class="dropdown-name">drop</div>
<div class="dropdown-content">
<p>Hello World!</p>
</div>
</div>
</nav> </nav>
<style> <style>
@ -25,4 +32,32 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.dropdown {
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
}
.dropdown-name {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
color: black;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style> </style>