Style menu bar active link

This commit is contained in:
Luis Cielak 2018-07-20 14:19:16 -04:00
parent c78116b45e
commit b1b6322197
2 changed files with 8 additions and 11 deletions

View File

@ -36,17 +36,18 @@
position: relative; position: relative;
padding: ($gap * 4) ($gap * 2); padding: ($gap * 4) ($gap * 2);
margin: 0 ($gap * 2); margin: 0 ($gap * 2);
color: $color-black;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
z-index: 2; z-index: 2;
color: $color-black;
&:hover {
color: $color-blue;
}
} }
a.active {
color: $color-blue;
}
&:first-child:after { &:first-child:after {
display: none; display: none;
} }
@ -99,8 +100,4 @@
} }
} }
}
.nav-link--active {
color: $color-blue !important;
} }

View File

@ -3,7 +3,7 @@
{% for i,s in enumerate(screens) %} {% for i,s in enumerate(screens) %}
<li class="progress-menu__item"> <li class="progress-menu__item">
<a href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}" <a href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}"
class="nav-link{% if matchesPath('/requests/new/'+str(i+1)) %}--active{% end %}" {% if matchesPath('/requests/new/'+str(i+1)) %}class="active"{% end %}
> >
{{ s['title'] }} {{ s['title'] }}
</a> </a>