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

Indicate active section in portfolio sub-nav

Browse Source
This commit is contained in:
Patrick Smith 2019-02-06 20:49:38 -05:00
parent 4862bf078d
commit 2d971a458b
2 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/components/_portfolio_layout.scss
View File

@ -45,13 +45,23 @@
.links {
font-size: $small-font-size;
.link--icon {
text-align: center;
.icon-link {
&.active {
color: $color-gray;
.icon {
@include icon-color($color-gray);
}
}
.icon-link--icon {
text-align: center;
}
.icon {
@include icon-size(20);
}
}
.icon {
@include icon-size(20);
}
}
}

21
templates/portfolios/header.html
View File

@ -1,10 +1,10 @@
{% from "components/icon.html" import Icon %}
{% macro Link(icon, text, url, active=False) %}
<a class='icon-link' href='{{ url }}'>
<a class='icon-link {{ "active icon-link--disabled" if active }}' href='{{ url }}'>
<div class='col'>
<div class='link--icon'>{{ Icon(icon) }}</div>
<div class='link--name'>{{ text }}</div>
<div class='icon-link--icon'>{{ Icon(icon) }}</div>
<div class='icon-link--name'>{{ text }}</div>
</div>
</a>
{% endmacro %}
@ -28,17 +28,20 @@
{{ Link(
icon='chart',
text='Reports',
url=url_for("portfolios.portfolio_reports", portfolio_id=portfolio.id))
}}
url=url_for("portfolios.portfolio_reports", portfolio_id=portfolio.id),
active=request.url_rule.endpoint == "portfolios.portfolio_reports",
) }}
{{ Link(
icon='dollar-sign',
text='Funding',
url=url_for("portfolios.portfolio_funding", portfolio_id=portfolio.id))
}}
url=url_for("portfolios.portfolio_funding", portfolio_id=portfolio.id),
active=request.url_rule.endpoint == "portfolios.portfolio_funding",
) }}
{{ Link(
icon='time',
text='Admin',
url=url_for("portfolios.portfolio", portfolio_id=portfolio.id))
}}
url=url_for("portfolios.portfolio", portfolio_id=portfolio.id),
active=request.url_rule.endpoint == "portfolios.portfolio",
) }}
</div>
</div>