Skip to content
Snippets Groups Projects
Commit 0c6160ac9483 authored by Cédric Krier's avatar Cédric Krier :atom:
Browse files

Improve dropdown menu in navbar

- Align on right to avoid create horizontal scrolling on some screen size
- Keep color on nav-link active
parent 3a6691fb28ec
No related branches found
No related tags found
No related merge requests found
......@@ -26,7 +26,8 @@
text-transform: uppercase;
&:hover {
&:hover,
&:focus {
background-color: $primary;
color: $secondary;
}
......
......@@ -49,7 +49,7 @@
{% for title, items in menu.items() %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true">{{ title }}</a>
<div class="dropdown-menu">
<div class="dropdown-menu dropdown-menu-right text-lg-right">
{% for item, url in items %}
<a class="dropdown-item" href="{{ url }}">{{ item|safe }}</a>
{% endfor %}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment