diff --git a/styles/elements/_icon_link.scss b/styles/elements/_icon_link.scss index 88e340ff..1c13e558 100644 --- a/styles/elements/_icon_link.scss +++ b/styles/elements/_icon_link.scss @@ -68,4 +68,8 @@ opacity: 0.3; pointer-events: none; } + + &.icon-link--left { + padding-left: 0; + } } diff --git a/styles/elements/_icons.scss b/styles/elements/_icons.scss index 121b3fe1..5703356d 100644 --- a/styles/elements/_icons.scss +++ b/styles/elements/_icons.scss @@ -55,11 +55,19 @@ @include icon-size(24); } - &.icon--remove, &.icon--error { + &.icon--remove, &.icon--red { @include icon-color($color-red); } - &.icon--ok { - @include icon-color($color-green) + &.icon--green { + @include icon-color($color-green); + } + + &.icon--gray { + @include icon-color($color-gray); + } + + &.icon--medium { + @include icon-size(12); } } diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss index e8f2e1e7..7d1b31d4 100644 --- a/styles/elements/_panels.scss +++ b/styles/elements/_panels.scss @@ -59,27 +59,6 @@ margin: ($gap * 4) 0; padding: 0 ($gap * 4); } - - h1, h2, h3, h4, h5, h6 { - - &.subheading { - color: $color-gray; - } - - &.inactive { - color: $color-gray-light; - } - } - - .error { - color: $color-red; - font-weight: $font-bold; - } - - .ok { - color: $color-green; - font-weight: $font-bold; - } } .panel__heading { @@ -101,7 +80,7 @@ margin: 0; display: inline-block; - .subtitle, &.gray { + .subtitle { color: $color-gray; } } diff --git a/styles/elements/_tables.scss b/styles/elements/_tables.scss index 34a08308..d28e2e42 100644 --- a/styles/elements/_tables.scss +++ b/styles/elements/_tables.scss @@ -76,14 +76,6 @@ &:last-child { margin-bottom: 0; } - - &.funding-summary { - tr td { - margin: 0; - padding: 0; - border-bottom: 0; - } - } } } diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss index c8d12f4f..04b25d9c 100644 --- a/styles/sections/_task_order.scss +++ b/styles/sections/_task_order.scss @@ -162,3 +162,40 @@ } } } + +.task-order-form { + .task-order-form__heading { + margin-bottom: 0; + + &.inactive { + color: $color-gray-light; + } + + &.subheading { + color: $color-gray; + } + } + + .funding-summary__table { + tr td { + border-bottom: 0; + padding: 0.5rem 1.5rem; + + .funding-summary__td { + margin-top: 0; + } + } + } + + .task-order-invite-message { + &.not-sent { + color: $color-red; + font-weight: $font-bold; + } + + &.sent { + color: $color-green; + font-weight: $font-bold; + } + } +} diff --git a/templates/task_orders/_new.html b/templates/task_orders/_new.html index 5348701a..0878a2fe 100644 --- a/templates/task_orders/_new.html +++ b/templates/task_orders/_new.html @@ -2,7 +2,7 @@ {% block content %} -
+
{% include 'task_orders/new/menu.html' %} @@ -19,7 +19,7 @@
-

+

Task Order Builder
{% block heading %}{% endblock %}

diff --git a/templates/task_orders/new/app_info.html b/templates/task_orders/new/app_info.html index 963a9ea2..8223aee9 100644 --- a/templates/task_orders/new/app_info.html +++ b/templates/task_orders/new/app_info.html @@ -12,7 +12,7 @@ {% block form %} -

{{ "task_orders.new.app_info.basic_info_title"| translate }}

+

{{ "task_orders.new.app_info.basic_info_title"| translate }}

{{ TextInput(form.portfolio_name, placeholder="The name of your office or organization") }} {{ TextInput(form.scope, paragraph=True) }}

{{ "task_orders.new.app_info.sample_scope" | translate | safe }}

diff --git a/templates/task_orders/new/funding.html b/templates/task_orders/new/funding.html index 652e8d5e..82417e2c 100644 --- a/templates/task_orders/new/funding.html +++ b/templates/task_orders/new/funding.html @@ -39,12 +39,12 @@

{{ "task_orders.new.funding.cloud_calculations_title" | translate }}

{{ "task_orders.new.funding.cloud_calculations_paragraph" | translate }}

-

{{ "task_orders.new.funding.cloud_offerings_title" | translate }}

+

{{ "task_orders.new.funding.cloud_offerings_title" | translate }}

{{ "task_orders.new.funding.cloud_offerings_paragraph" | translate }}

{{ TextInput(form.clin_01, validation='dollars', placeholder="$0.00") }} {{ TextInput(form.clin_02, validation='dollars', disabled=(not config.CLASSIFIED)) }} -

{{ "task_orders.new.funding.support_assistance_title" | translate }}

+

{{ "task_orders.new.funding.support_assistance_title" | translate }}

{{ "task_orders.new.funding.support_assistance_paragraph" | translate }}

{{ TextInput(form.clin_03, validation='dollars', tooltip='The cloud support and assistance packages cannot be used as a primary development resource.', placeholder="$0.00") }} {{ TextInput(form.clin_04, validation='dollars', tooltip='The cloud support and assistance packages cannot be used as a primary development resource.', disabled=(not config.CLASSIFIED)) }} @@ -56,7 +56,7 @@ {% block next %}
-

{{ "task_orders.new.funding.total" | translate }}

+

{{ "task_orders.new.funding.total" | translate }}

{{ super() }} diff --git a/templates/task_orders/new/review.html b/templates/task_orders/new/review.html index 62240fe1..11331577 100644 --- a/templates/task_orders/new/review.html +++ b/templates/task_orders/new/review.html @@ -22,17 +22,17 @@
-

{{ "task_orders.new.review.portfolio"| translate }}

+

{{ "task_orders.new.review.portfolio"| translate }}

{{ task_order.portfolio_name or RequiredLabel() }}

-

{{ "task_orders.new.review.dod"| translate }}

+

{{ "task_orders.new.review.dod"| translate }}

{{ task_order.defense_component_description or RequiredLabel() }}

-

{{ "task_orders.new.review.scope"| translate }}

+

{{ "task_orders.new.review.scope"| translate }}

{{ task_order.scope or RequiredLabel() }}

@@ -43,17 +43,17 @@
-

{{ "task_orders.new.review.migration"| translate }}

+

{{ "task_orders.new.review.migration"| translate }}

{{ task_order.app_migration_description or RequiredLabel() }}

-

{{ "task_orders.new.review.native_apps"| translate }}

+

{{ "task_orders.new.review.native_apps"| translate }}

{{ task_order.native_apps_description or RequiredLabel() }}

-

{{ "task_orders.new.review.complexity"| translate }}

+

{{ "task_orders.new.review.complexity"| translate }}

{% if task_order.complexity %}
    {% for item in task_order.complexity %} @@ -68,7 +68,7 @@
    -

    {{ "task_orders.new.review.team"| translate }}

    +

    {{ "task_orders.new.review.team"| translate }}

    {% if task_order.dev_team %}
      {% for item in task_order.dev_team %} @@ -83,7 +83,7 @@
    -

    {{ "task_orders.new.review.experience"| translate }}

    +

    {{ "task_orders.new.review.experience"| translate }}

    {{ task_order.team_experience_description or RequiredLabel() }}

    @@ -94,24 +94,24 @@
    -

    {{ "task_orders.new.review.performance_period"| translate }}

    +

    {{ "task_orders.new.review.performance_period"| translate }}

    {{ task_order.performance_length_description or RequiredLabel() }} -

    {{ Icon('download') }} {{ "task_orders.new.review.usage_est_link"| translate }}

    +

    {{ Icon('download') }} {{ "task_orders.new.review.usage_est_link"| translate }}

    - +
    - + - - + -

    {{ "task_orders.new.review.to_value"| translate }}

    {{ '${:,.2f}'.format(task_order.budget) }}

    {{ "task_orders.new.review.clin_1"| translate }}

    {{ "task_orders.new.review.clin_1"| translate }}

    {{ '${:,.2f}'.format(task_order.clin_01) }}

    +

    {{ "task_orders.new.review.clin_2"| translate }} {% if not config.CLASSIFIED %}
    {{ "task_orders.new.review.classified_inactive"| translate }}
    @@ -124,11 +124,11 @@

    {{ "task_orders.new.review.clin_3"| translate }}

    {{ "task_orders.new.review.clin_3"| translate }}

    {{ '${:,.2f}'.format(task_order.clin_03) }}

    +

    {{ "task_orders.new.review.clin_4"| translate }} {% if not config.CLASSIFIED %}
    {{ "task_orders.new.review.classified_inactive"| translate }}
    @@ -151,42 +151,42 @@
    -

    {{ "task_orders.new.review.ko"| translate }}

    +

    {{ "task_orders.new.review.ko"| translate }}

    {{ task_order.ko_first_name }} {{ task_order.ko_last_name }}
    {{ task_order.ko_email }}
    {{ task_order.ko_phone }}
    {{ "task_orders.new.review.dod_id"| translate }} {{ task_order.ko_dod_id}}
    {% if task_order.ko_invite %} - {{ Icon('ok', classes='icon--ok') }} {{ "task_orders.new.review.invited"| translate }} + {{ Icon('ok', classes='icon--green') }} {{ "task_orders.new.review.invited"| translate }} {% else %} - {{ Icon('alert', classes='icon--error') }} {{ "task_orders.new.review.not_invited"| translate }} + {{ Icon('alert', classes='icon--red') }} {{ "task_orders.new.review.not_invited"| translate }} {% endif %}
    -

    {{ "task_orders.new.review.cor"| translate }}

    +

    {{ "task_orders.new.review.cor"| translate }}

    {{ task_order.cor_first_name }} {{ task_order.cor_last_name }}
    {{ task_order.cor_email }}
    {{ task_order.cor_phone }}
    {{ "task_orders.new.review.dod_id"| translate }} {{ task_order.cor_dod_id}}
    {% if task_order.cor_invite %} - {{ Icon('ok', classes='icon--ok') }} {{ "task_orders.new.review.invited"| translate }} + {{ Icon('ok', classes='icon--green') }} {{ "task_orders.new.review.invited"| translate }} {% else %} - {{ Icon('alert', classes='icon--error') }} {{ "task_orders.new.review.not_invited"| translate }} + {{ Icon('alert', classes='icon--red') }} {{ "task_orders.new.review.not_invited"| translate }} {% endif %}
    -

    {{ "task_orders.new.review.so"| translate }}

    +

    {{ "task_orders.new.review.so"| translate }}

    {{ task_order.so_first_name }} {{ task_order.so_last_name }}
    {{ task_order.so_email }}
    {{ task_order.so_phone }}
    {{ "task_orders.new.review.dod_id"| translate }} {{ task_order.so_dod_id}}
    {% if task_order.so_invite %} - {{ Icon('ok', classes='icon--ok') }} {{ "task_orders.new.review.invited"| translate }} + {{ Icon('ok', classes='icon--green') }} {{ "task_orders.new.review.invited"| translate }} {% else %} - {{ Icon('alert', classes='icon--error') }} {{ "task_orders.new.review.not_invited"| translate }} + {{ Icon('alert', classes='icon--red') }} {{ "task_orders.new.review.not_invited"| translate }} {% endif %}
    @@ -195,7 +195,7 @@ {% block next %}
    - +
    {% endblock %}