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

Fix up buttons on TO get started page

Browse Source
This commit is contained in:
Patrick Smith 2019-01-12 10:54:05 -05:00
parent 5c7f3fa294
commit 8a71477564
2 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
styles/sections/_task_order.scss
View File

@ -18,6 +18,23 @@
.task-order-help__icon {
@include icon-size(48);
}
.task-order-get-started__actions {
.task-order-get-started__button-row {
position: relative;
.icon-link {
position: absolute;
left: 50%;
top: 2.5rem;
margin-left: -23rem;
}
}
p {
max-width: 27rem;
}
}
}
.task-order-summary {

15
templates/task_orders/new/get_started.html
View File

@ -53,10 +53,17 @@
</div>
</div>
<div class='action-group'>
<a href='{{ url_for("task_orders.new", screen=1) }}' class='usa-button usa-button-big'>Let's do cloud!</a>
<div>Create a JEDI cloud application portfolio & start building a task order</div>
<a href='{{ request.referrer }}' class='col action-group__action'>Cancel</a>
<div class="task-order-get-started__actions">
<div class="task-order-get-started__button-row">
<a href="{{ request.referrer or url_for("atst.home") }}" class="icon-link">
{{ Icon("caret_left") }}
<span>Cancel</span>
</a>
<a href="{{ url_for("task_orders.new", screen=1) }}" class="usa-button usa-button-big">Let's do cloud!</a>
</div>
<div>
<p class="centered">Create a JEDI cloud application portfolio & start building a task order</p>
</div>
</div>
</div>
{% endblock %}