Fix colors on breadcrumb links in nav

This commit is contained in:
Patrick Smith 2019-02-12 07:26:34 -05:00
parent 6dec26c93c
commit 39dfe3063d
2 changed files with 15 additions and 5 deletions

View File

@ -17,7 +17,7 @@
font-size: $h5-font-size;
.icon-link {
color: $color-gray-medium;
color: $color-blue;
font-weight: normal;
}
@ -26,16 +26,26 @@
}
.icon {
@include icon-color($color-gray-medium);
@include icon-color($color-blue);
}
.portfolio-breadcrumbs__home {
&.icon-link--disabled {
color: $color-gray-medium;
opacity: 1;
.icon {
@include icon-color($color-gray-medium);
}
}
}
.portfolio-breadcrumbs__crumb {
.icon {
@include icon-color($color-blue);
@include icon-color($color-gray-medium);
}
.icon-link {
color: $color-blue;
color: $color-gray-medium;
pointer-events: none;
}
}

View File

@ -1,7 +1,7 @@
{% from "components/icon.html" import Icon %}
<div class="row portfolio-breadcrumbs">
<a class="icon-link portfolio-breadcrumbs__home" href="{{ url_for("portfolios.portfolio_applications", portfolio_id=portfolio.id) }}">
<a class="icon-link portfolio-breadcrumbs__home {{ 'icon-link--disabled' if not secondary_breadcrumb }}" href="{{ url_for("portfolios.portfolio_applications", portfolio_id=portfolio.id) }}">
{{ Icon("home") }}
<span>
{{ portfolio.name }} Portfolio