evan/ewpratten.com
1
Fork 0
Code Actions

Dropdowns

Browse Source
This commit is contained in:
Evan Pratten 2022-11-25 13:33:15 -05:00
parent 0df06c44bd
commit bdc32a55ee
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sass/styles/components/navbar.scss
View File

@ -17,6 +17,10 @@
& > li { & > li {
display: inline-block; display: inline-block;
.dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
} }
.separator { .separator {

15
templates/components/navbar.html
View File

@ -10,9 +10,18 @@
<li class="separator">|</li> <li class="separator">|</li>
<li><a href="/blog">Blog</a></li> <li><a href="/blog">Blog</a></li>
<li class="separator">|</li> <li class="separator">|</li>
<li><a href="#" role="button">More</a></li> {# <li class="dropdown-center">
<li class="separator">|</li> <a href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<li><a href="#" role="button">Profiles</a></li> More
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="separator">|</li> #}
<li><a href="/contact">Contact</a></li>
</ul> </ul>
<hr> <hr>
</div> </div>