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

Change alignment of remaining days relative to expiration date

Browse Source
This commit is contained in:
Patrick Smith 2019-02-12 17:28:35 -05:00
parent 4db08859c9
commit 10f84d57c3
2 changed files with 33 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
styles/sections/_reports.scss
View File

@ -162,6 +162,7 @@
dl { dl {
text-align: right; text-align: right;
margin-top: -2 * $gap;
dd, dt { dd, dt {
display: inline; display: inline;

58
templates/portfolios/reports/index.html
View File

@ -59,36 +59,42 @@
<hr></hr> <hr></hr>
<div class='to-summary__expiration row'> <div class='to-summary__expiration'>
<div class='col col--grow'> <div class='row'>
<h4 class='subheading'>Expiration Date</h4> <h4 class='subheading'>Expiration Date</h4>
<div>
{% if expiration_date %}
<local-datetime
timestamp='{{ expiration_date }}'
format='MMMM D, YYYY'>
</local-datetime>
{% else %}
-
{% endif %}
</div>
<a href='{{ url_for("portfolios.portfolio_funding", portfolio_id=portfolio.id) }}' class='icon-link'>
{{ Icon('cog') }}
Manage Task Order
</a>
</div> </div>
<div class='col col--grow'> <div class='row'>
<dl>
<dt>Remaining Days</dt> <div class='col col--grow'>
<dd class='{{ 'ending-soon' if remaining_days is not none }}'> <div>
{% if remaining_days is not none %} {% if expiration_date %}
{{ Icon('arrow-down') }} <local-datetime
<span>{{ remaining_days }}</span> timestamp='{{ expiration_date }}'
format='MMMM D, YYYY'>
</local-datetime>
{% else %} {% else %}
- -
{% endif %} {% endif %}
</dd> </div>
</dl> <a href='{{ url_for("portfolios.portfolio_funding", portfolio_id=portfolio.id) }}' class='icon-link'>
{{ Icon('cog') }}
Manage Task Order
</a>
</div>
<div class='col col--grow'>
<dl>
<dt>Remaining Days</dt>
<dd class='{{ 'ending-soon' if remaining_days is not none }}'>
{% if remaining_days is not none %}
{{ Icon('arrow-down') }}
<span>{{ remaining_days }}</span>
{% else %}
-
{% endif %}
</dd>
</dl>
</div>
</div> </div>
</div> </div>
</div> </div>