diff --git a/styles/components/_sticky_cta.scss b/styles/components/_sticky_cta.scss index 2d841840..0656c660 100644 --- a/styles/components/_sticky_cta.scss +++ b/styles/components/_sticky_cta.scss @@ -4,7 +4,6 @@ z-index: 10; @include media($medium-screen) { - margin-left: -$gap * 5; margin-right: -$gap * 5; } @@ -53,4 +52,10 @@ } } } + + &-return-link { + padding-top: 1.6rem; + font-size: $small-font-size; + font-weight: $font-bold; + } } diff --git a/templates/components/sticky_cta.html b/templates/components/sticky_cta.html index 75e49ccf..4ba268c0 100644 --- a/templates/components/sticky_cta.html +++ b/templates/components/sticky_cta.html @@ -1,12 +1,23 @@ -{% macro StickyCTA(text) -%} +{% from 'components/icon.html' import Icon %} + +{% macro StickyCTA(text, return_link_url=None, return_link_text=None) -%}
+ {% if return_link_url and return_link_text %} + + {% endif %}

{{ text }}

-
- {{ caller() }} -
+ {% if caller %} +
+ {{ caller() }} +
+ {% endif %}
{%- endmacro %} diff --git a/templates/portfolios/applications/base.html b/templates/portfolios/applications/base.html index 2b633e70..040afa62 100644 --- a/templates/portfolios/applications/base.html +++ b/templates/portfolios/applications/base.html @@ -1,11 +1,11 @@ {% extends "portfolios/base.html" %} +{% from "components/sticky_cta.html" import StickyCTA %} + {% block portfolio_header %} -
-
- {{ secondary_breadcrumb }} -
-
+ {% if application %} + {{ StickyCTA(text=application.name, return_link_url=url_for('applications.portfolio_applications', portfolio_id=application.portfolio_id), return_link_text="BACK TO APPLICATIONS") }} + {% endif %} {% endblock %} {% block portfolio_content %}