FSR/webseite
28
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added navbar dropdown icons
All checks were successful
publish / publish (push) Successful in 25s
Details

Browse source
This commit is contained in:
Jannik Menzel 2025-05-22 14:00:15 +02:00
parent ec7490cc99
commit 6ac8b02381
2 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/main.css
View file

@ -133,6 +133,10 @@ li .dropdown-item-mobile {
margin-top: 0; margin-top: 0;
} }
.dropdown-icon {
margin-left: -1rem;
}
.dropdown-menu .dropdown-item:active { .dropdown-menu .dropdown-item:active {
background-color: var(--color-off); background-color: var(--color-off);
color: var(--color-text); color: var(--color-text);

1
layouts/_partials/nav.html
View file

@ -18,6 +18,7 @@
<li class="nav-item dropdown d-flex align-items-center show-on-hover"> <li class="nav-item dropdown d-flex align-items-center show-on-hover">
<!-- Dropdown Parent --> <!-- Dropdown Parent -->
<a class="nav-link" href="{{ $i.url | relURL }}">{{ $i.name }}</a> <a class="nav-link" href="{{ $i.url | relURL }}">{{ $i.name }}</a>
<svg class="dropdown-icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
{{ range $child := $children }} {{ range $child := $children }}
<!-- Dropdown Child Desktop --> <!-- Dropdown Child Desktop -->