Fix colors on breadcrumb links in nav
This commit is contained in:
parent
6dec26c93c
commit
39dfe3063d
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user