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

add edit button to TO steps, update some styles

Browse Source
This commit is contained in:
dandds 2019-01-23 11:06:01 -05:00
parent b7f90bcbd6
commit 16b71376a1
2 changed files with 36 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/sections/_task_order.scss
View File

@ -120,8 +120,19 @@
width: 100%; width: 100%;
} }
.task-order-next-steps__panel-head {
border-bottom: 1px solid black;
padding: ($gap * 4) ($gap * 2);
margin: 0;
}
.task-order-next-steps__step { .task-order-next-steps__step {
border-bottom: 1px dotted $color-gray;
padding: ($gap * 4) ($gap * 2);
margin: 0;
.task-order-next-steps__icon { .task-order-next-steps__icon {
width: 8%;
padding: $gap $gap 0 0; padding: $gap $gap 0 0;
justify-content: center; justify-content: center;
.complete { .complete {
@ -133,11 +144,20 @@
} }
.task-order-next-steps__text { .task-order-next-steps__text {
width: 60%;
@include ie-only { @include ie-only {
width: 100% width: 100%
} }
} }
.task-order-next-steps__action {
padding: $gap 0 0 $gap;
width: 32%;
a.usa-button {
width: 100%;
}
}
.task-order-next-steps__heading { .task-order-next-steps__heading {
h4 { h4 {
margin: $gap $gap 0 0; margin: $gap $gap 0 0;

28
templates/portfolios/task_orders/show.html
View File

@ -4,25 +4,22 @@
{% block portfolio_content %} {% block portfolio_content %}
{% macro Step(title="", description="", link_text=None, link_url=None, complete=True) %} {% macro Step(title="", description="", link_text=None, complete=True) %}
<div class="task-order-next-steps__step panel__content row"> <div class="task-order-next-steps__step panel__content row">
<div class="task-order-next-steps__icon col"> <div class="task-order-next-steps__icon col">
<span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span> <span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span>
</div> </div>
<div class="task-order-next-steps__text"> <div class="task-order-next-steps__text col">
<div class="task-order-next-steps__heading row"> <div class="task-order-next-steps__heading row">
<h4>{{ title }}</h4> <h4>{{ title }}</h4>
{% if link_url %}
<a href="{{ link_url }}" class="icon-link">
{{ Icon("edit") }}
<span>{{ link_text }}</span>
</a>
{% endif %}
</div> </div>
<div class="task-order-next-steps__description"> <div class="task-order-next-steps__description">
{{ description }} {{ description }}
</div> </div>
</div> </div>
{% if caller %}
{{ caller() }}
{% endif %}
</div> </div>
{% endmacro %} {% endmacro %}
@ -88,13 +85,20 @@
<div class="task-order-details"> <div class="task-order-details">
<div id="next-steps" class="task-order-next-steps"> <div id="next-steps" class="task-order-next-steps">
<div class="panel"> <div class="panel">
<h3 class="panel__content">What's next?</h3> <h3 class="task-order-next-steps__panel-head panel__content">What's next?</h3>
{{ Step( {% call Step(
title="Submit draft Task Order", title="Submit draft Task Order",
description="Complete initial task order request form.", description="Complete initial task order request form.",
link_text="edit", link_text="edit",
link_url=url_for("task_orders.new", screen=1, task_order_id=task_order.id), complete=True) %}
complete=True) }} <div class="task-order-next-steps__action col">
<a
href="{{ url_for("task_orders.new", screen=1, task_order_id=task_order.id) }}"
class="usa-button usa-button-primary">
Edit
</a>
</div>
{% endcall %}
{{ Step( {{ Step(
title="Complete a Security Requirements Document", title="Complete a Security Requirements Document",
description="The IA Security Official you specified received an email invitation to complete and sign a DD-254: Security Requirements document that's been customized for the JEDI program here.", description="The IA Security Official you specified received an email invitation to complete and sign a DD-254: Security Requirements document that's been customized for the JEDI program here.",