Style menu bar active link
This commit is contained in:
parent
c78116b45e
commit
b1b6322197
@ -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;
|
|
||||||
}
|
}
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user