This commit is contained in:
Daniel Vinci 2021-04-30 14:10:17 -06:00
parent 59720edf54
commit 67b85f3828
No known key found for this signature in database
GPG key ID: 7A700C29916C26CA

View file

@ -6,6 +6,8 @@
<nav> <nav>
<NavItem {segment} href="." matchingSegment={undefined} humanName="home" /> <NavItem {segment} href="." matchingSegment={undefined} humanName="home" />
<NavItem {segment} href="./faq" matchingSegment="faq" humanName="faq" />
<NavItem <NavItem
{segment} {segment}
href="./about-contact" href="./about-contact"
@ -14,9 +16,28 @@
/> />
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-name">drop</div> <div class="dropdown-name">more</div>
<div class="dropdown-content"> <div class="dropdown-content">
<p>Hello World!</p> <NavItem
{segment}
href="./global-open-infrastructure"
matchingSegment="global-open-infrastructure"
humanName="global open infrastructure"
/>
<NavItem
{segment}
href="./privacy-by-design"
matchingSegment="privacy-by-design"
humanName="privacy by design"
/>
<NavItem
{segment}
href="./free-open-source"
matchingSegment="free-open-source"
humanName="free and open-source"
/>
</div> </div>
</div> </div>
</nav> </nav>
@ -35,8 +56,7 @@
.dropdown { .dropdown {
height: 100%; height: 100%;
padding-left: 0.5em; width: 49px;
padding-right: 0.5em;
} }
.dropdown-name { .dropdown-name {
@ -48,16 +68,22 @@
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: relative;
right: 181px;
box-sizing: border-box;
background-color: #f9f9f9; background-color: #f9f9f9;
color: black; color: black;
min-width: 160px; width: 230px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1; z-index: 1;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
} }
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
display: block; display: block;
box-sizing: border-box;
} }
</style> </style>