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; font-size: $h5-font-size;
.icon-link { .icon-link {
color: $color-gray-medium; color: $color-blue;
font-weight: normal; font-weight: normal;
} }
@ -26,16 +26,26 @@
} }
.icon { .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 { .portfolio-breadcrumbs__crumb {
.icon { .icon {
@include icon-color($color-blue); @include icon-color($color-gray-medium);
} }
.icon-link { .icon-link {
color: $color-blue; color: $color-gray-medium;
pointer-events: none; pointer-events: none;
} }
} }

View File

@ -1,7 +1,7 @@
{% from "components/icon.html" import Icon %} {% from "components/icon.html" import Icon %}
<div class="row portfolio-breadcrumbs"> <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") }} {{ Icon("home") }}
<span> <span>
{{ portfolio.name }} Portfolio {{ portfolio.name }} Portfolio