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

Sticky header button styling

Browse Source
This commit is contained in:
Montana 2019-06-07 09:30:05 -04:00
parent 2870d551ee
commit 80c6942c3b
3 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
styles/components/_sticky_cta.scss
View File

@ -13,13 +13,20 @@
.sticky-cta-container { .sticky-cta-container {
display: flex; display: flex;
justify-content: center; align-items: center;
background-color: $color-gray-lightest; background-color: $color-gray-lightest;
border-top: 1px solid $color-gray-lighter; border-top: 1px solid $color-gray-lighter;
border-bottom: 1px solid $color-gray-lighter; border-bottom: 1px solid $color-gray-lighter;
padding: 0 40px 0 40px; padding: 0 $gap * 2 0 $gap * 5;
box-shadow: $box-shadow; box-shadow: $box-shadow;
a {
margin: $gap $gap * 1.5 $gap 0;
width: 19rem;
height: 3.2rem;
font-size: $small-font-size;
}
} }
.sticky-cta-text { .sticky-cta-text {
@ -28,12 +35,4 @@
.sticky-cta-buttons { .sticky-cta-buttons {
display: flex; display: flex;
justify-content: center;
button {
margin-top: auto;
margin-bottom: auto;
width: 144px;
margin-left: 33px;
}
} }

2
templates/portfolios/task_orders/index.html
View File

@ -65,7 +65,7 @@
{% call StickyCTA(text="Funding") %} {% call StickyCTA(text="Funding") %}
<a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary">Start a new task order</a> <a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Start a new task order</a>
{% endcall %} {% endcall %}
<div class="portfolio-funding"> <div class="portfolio-funding">

3
templates/portfolios/task_orders/review.html
View File

@ -7,7 +7,7 @@
{% block portfolio_content %} {% block portfolio_content %}
{% call StickyCTA(text="Review Funding") %} {% call StickyCTA(text="Review Funding") %}
<a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Edit</a> <a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-secondary" type="submit">Edit</a>
<a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Submit task order</a> <a href="{{ url_for("task_orders.edit", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Submit task order</a>
{% endcall %} {% endcall %}
@ -19,7 +19,6 @@
<hr> <hr>
<div class="h1">Review your task order</div> <div class="h1">Review your task order</div>
<p>Check to make sure the information you entered is correct. After submission, you will confirm this task order was signed by a contracting officer. Thereafter, you will be informed as soon as CCPO completes their review.</p> <p>Check to make sure the information you entered is correct. After submission, you will confirm this task order was signed by a contracting officer. Thereafter, you will be informed as soon as CCPO completes their review.</p>
<div class="row"> <div class="row">