Added dropdown to navbar

This commit is contained in:
Aroy-Art 2021-10-04 09:13:42 +02:00
parent 9848ebb56a
commit 2f7f43a9cd
2 changed files with 23 additions and 0 deletions

View file

@ -498,6 +498,22 @@ nav[aria-label="breadcrumb"] li:last-child a{
outline: 0;
}
.dropdown-menu {
color: #fff;
background-color: #040b1e;
border: 1px solid #57cbcc;
}
.dropdown-item {
color: rgba(255,255,255,.75);
}
.dropdown-item:focus, .dropdown-item:hover {
color: #f8f9fa;
text-decoration: none;
background-color: #0f1e31;
}
.bg-1 {
background-repeat: no-repeat;
background-size: cover;

View file

@ -21,6 +21,13 @@
<a class="nav-link" href="{{if .Pre}}{{if not $.IsHome}}{{site.BaseURL | relLangURL}}{{end}}{{.Pre}}{{ .URL }}{{else}}{{.URL | relLangURL}}{{end}}">{{ .Name }}</a>
</li>
{{ end }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">More</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/archive">Archive</a>
</div>
</li>
</ul>
{{- if site.IsMultiLingual }}