pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #628 from dod-ccpo/fix-breadcrumb-colors

Browse Source 
Fix colors on breadcrumb links in nav
This commit is contained in:
patricksmithdds 2019-02-12 10:14:40 -05:00 committed by GitHub
commit a3a42afc86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
styles/components/_portfolio_layout.scss
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;
}
}

2
templates/portfolios/breadcrumbs.html
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