Remove unused task order scss
This commit is contained in:
George Drummond
parent
75d56b4bd9
commit
21b76ff6f1
@ -1,71 +1,3 @@
|
||||
.task-order-get-started {
|
||||
text-align: center;
|
||||
padding: 4rem 6rem;
|
||||
|
||||
.panel {
|
||||
@include shadow-panel;
|
||||
|
||||
margin-bottom: 6 * $gap;
|
||||
}
|
||||
|
||||
.task-order-get-started__list {
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
font-weight: bold;
|
||||
line-height: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-help__icon {
|
||||
@include icon-size(48);
|
||||
}
|
||||
|
||||
.task-order-needs {
|
||||
.task-order-needs__list {
|
||||
@include media(960px) {
|
||||
@include grid-row;
|
||||
}
|
||||
|
||||
@include ie-only {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
@include media($large-screen) {
|
||||
.col {
|
||||
max-width: 33%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.usa-button {
|
||||
margin: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: 27rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-list {
|
||||
margin-top: 6 * $gap;
|
||||
}
|
||||
@ -182,122 +114,6 @@
|
||||
background-color: $color-red;
|
||||
}
|
||||
|
||||
.task-order-heading {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.task-order-heading__name {
|
||||
align-items: center;
|
||||
|
||||
label {
|
||||
padding: $gap;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-heading__value {
|
||||
margin: 0 ($gap * 2);
|
||||
text-align: right;
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-details {
|
||||
flex-grow: 1;
|
||||
|
||||
@include media($xlarge-screen) {
|
||||
@include grid-row;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-next-steps {
|
||||
flex-grow: 1;
|
||||
|
||||
.panel {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@include media($xlarge-screen) {
|
||||
padding-right: $gap;
|
||||
}
|
||||
|
||||
@include ie-only {
|
||||
width: calc(100% - 35rem);
|
||||
}
|
||||
|
||||
.task-order-next-steps__panel-head {
|
||||
border-bottom: 1px solid black;
|
||||
padding: ($gap * 4) ($gap * 2);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.task-order-next-steps__step {
|
||||
border-bottom: 1px dotted $color-gray;
|
||||
padding: ($gap * 4) ($gap * 2);
|
||||
margin: 0;
|
||||
|
||||
@include ie-only {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin-top: 3 * $gap;
|
||||
margin-bottom: 0;
|
||||
padding: 2 * $gap;
|
||||
|
||||
.alert__message {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-next-steps__icon {
|
||||
padding: $gap $gap 0 0;
|
||||
justify-content: center;
|
||||
|
||||
.complete {
|
||||
@include icon-color($color-green);
|
||||
}
|
||||
|
||||
.incomplete {
|
||||
@include icon-color($color-gray-light);
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-next-steps__action {
|
||||
min-width: 10 * $gap;
|
||||
padding: $gap 0 0 $gap;
|
||||
|
||||
a.usa-button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-next-steps__text {
|
||||
display: flex;
|
||||
|
||||
.task-order-next-steps__heading {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-sidebar {
|
||||
@include media($xlarge-screen) {
|
||||
padding-left: 3 * $gap;
|
||||
}
|
||||
|
||||
min-width: 35rem;
|
||||
|
||||
hr {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-document-link {
|
||||
.task-order-document-link__icon {
|
||||
padding-top: 0.5rem;
|
||||
@ -308,320 +124,4 @@
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-invitations {
|
||||
.task-order-invitations__heading {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.task-order-invitation-status {
|
||||
margin-bottom: 3 * $gap;
|
||||
|
||||
.task-order-invitation-status__title {
|
||||
font-weight: $font-bold;
|
||||
}
|
||||
|
||||
.invited {
|
||||
color: $color-green;
|
||||
|
||||
@include icon-color($color-green);
|
||||
}
|
||||
|
||||
.uninvited {
|
||||
color: $color-red;
|
||||
|
||||
@include icon-color($color-red);
|
||||
}
|
||||
|
||||
.task-order-invitation-status__icon {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-invitation-details {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-form {
|
||||
.task-order-form__heading {
|
||||
margin-bottom: 0;
|
||||
|
||||
&.inactive {
|
||||
color: $color-gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
.funding-summary__table {
|
||||
tr td {
|
||||
border-bottom: 0;
|
||||
padding: 0.5rem 1.5rem;
|
||||
|
||||
.funding-summary__td {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.usa-input {
|
||||
margin-bottom: $gap;
|
||||
margin-top: $gap;
|
||||
}
|
||||
|
||||
.task-order-invite-message {
|
||||
font-weight: $font-bold;
|
||||
|
||||
&.not-sent {
|
||||
color: $color-red;
|
||||
}
|
||||
|
||||
&.sent {
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
&.pending {
|
||||
color: $color-gold-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.subheading,
|
||||
.description {
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
.subheading--black {
|
||||
.usa-input__title {
|
||||
color: $color-black;
|
||||
}
|
||||
}
|
||||
|
||||
.usa-input {
|
||||
&.normal {
|
||||
label {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input--disabled {
|
||||
label .usa-input__title {
|
||||
color: $color-gray-light;
|
||||
}
|
||||
|
||||
input[type="text"]:disabled {
|
||||
color: $color-gray-lighter;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order__invite-officer {
|
||||
padding: 1.5rem;
|
||||
background-color: $color-aqua-lightest;
|
||||
border-left-color: $color-blue;
|
||||
border-left-style: solid;
|
||||
border-left-width: $gap / 2;
|
||||
|
||||
.usa-input {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.task-order__loa-list {
|
||||
ul {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.task-order__loa-add-item {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
max-width: 30em;
|
||||
|
||||
.icon-link {
|
||||
&:first-child {
|
||||
margin-right: -$gap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order__loa-list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
|
||||
.usa-input {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.loa-list-item__remover {
|
||||
@include icon-link;
|
||||
@include icon-link-vertical;
|
||||
@include icon-link-color($color-red, $color-red-lightest);
|
||||
|
||||
margin-bottom: 0;
|
||||
margin-right: -$gap;
|
||||
position: absolute;
|
||||
margin-top: 3 * $gap;
|
||||
margin-left: $gap;
|
||||
left: 35em;
|
||||
max-width: 30em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-invitations {
|
||||
.task-order-invitations__heading {
|
||||
margin-bottom: 0;
|
||||
|
||||
&.subheading {
|
||||
color: $color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.officer {
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: $gap;
|
||||
padding-bottom: 4 * $gap;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: $color-gray-light;
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $color-gray;
|
||||
}
|
||||
|
||||
.officer__description {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.officer__info {
|
||||
.officer__info--name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.officer__info--name {
|
||||
margin-right: 2 * $gap;
|
||||
}
|
||||
|
||||
.officer__info--status {
|
||||
font-weight: bold;
|
||||
|
||||
&.invited {
|
||||
color: $color-green;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-green);
|
||||
}
|
||||
}
|
||||
|
||||
&.uninvited {
|
||||
color: $color-red;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-red);
|
||||
}
|
||||
}
|
||||
|
||||
.status-text {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.officer__form {
|
||||
padding: 1.5rem;
|
||||
background-color: $color-aqua-lightest;
|
||||
border-left-color: $color-blue;
|
||||
border-left-style: solid;
|
||||
border-left-width: $gap / 2;
|
||||
margin-top: 1.5rem;
|
||||
|
||||
.edit-officer {
|
||||
margin-bottom: $gap * 2;
|
||||
|
||||
h4 {
|
||||
color: $color-gray;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.usa-input__title {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
margin-bottom: 0rem;
|
||||
margin-top: 0rem;
|
||||
margin-right: 2rem;
|
||||
|
||||
.usa-input {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
&.officer__form--dodId {
|
||||
margin-top: 1.5rem;
|
||||
|
||||
.usa-input {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.officer__form--actions {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
button.usa-button {
|
||||
margin-left: 4 * $gap;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.officer__actions {
|
||||
margin-left: -2 * $gap;
|
||||
|
||||
button {
|
||||
margin-left: 2 * $gap;
|
||||
}
|
||||
|
||||
.icon-link {
|
||||
margin: 0 $gap;
|
||||
}
|
||||
|
||||
.v-popover {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.remove {
|
||||
color: $color-red;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-red);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,11 +0,0 @@
|
||||
{% macro ReviewField(heading, field, filter=None) %}
|
||||
<div class="col col--grow panel__body">
|
||||
<h4 class='task-order-form__heading'>{{ heading }}</h4>
|
||||
{% if field %}
|
||||
<p>{{ field | findFilter(filter) }}</p>
|
||||
{% endif %}
|
||||
{% if caller %}
|
||||
{{ caller() }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endmacro %}
|
||||
Loading…
x
Reference in New Issue
Block a user