diff --git a/cms/sass/themes/_dashboard.scss b/cms/sass/themes/_dashboard.scss index 9c63edaf87..2c0037f74d 100644 --- a/cms/sass/themes/_dashboard.scss +++ b/cms/sass/themes/_dashboard.scss @@ -172,4 +172,137 @@ padding: 40px; } } + + // Application form styles — overrides + .form { + padding: $spacing-04 0; + background: rgba($salmon, .15); + } + + .form--compact { + h1 { + margin: 0 (-$spacing-04) $spacing-04 (-$spacing-04); + padding: $spacing-04; + border-radius: $spacing-02 $spacing-02 0 0; + background: $warm-black; + color: $white; + + + .form__header { + margin-top: -$spacing-04; + } + + + .alert { + margin: 0 0 $spacing-04 0; + background-color: $light-grey; + border-radius: $spacing-02; + border-color: $mid-grey; + color: $warm-black; + } + + + .form__question { + padding-top: 0; + border: 0; + } + } + + .form__header { + margin: 0 (-$spacing-04); + padding: $spacing-03 $spacing-04; + width: auto; + border: 0; + border-top: 1px dotted $mid-grey; + background: $light-grey; + } + + fieldset { + margin: 0 0 $spacing-04 0; + padding: 0 $spacing-04; + border-radius: $spacing-02; + background: $white; + } + + .form__question { + padding: $spacing-04; + margin: 0; + margin-left: -$spacing-04; + margin-right: -$spacing-04; + border-top: 1px dotted $mid-grey; + + input, select, textarea, .select2-container { + margin-bottom: $spacing-03; + width: 100% !important; + border-color: $mid-grey; + } + + .removable-fields li { + display: flex; + justify-content: center; + } + + .remove_field__button { + margin-bottom: $spacing-03; + white-space: nowrap; + } + } + + .form__subquestion { + border-left-width: $spacing-01; + } + + .form__short-help { + margin-bottom: $spacing-02; + font-size: smaller; + } + + .icon-container { + display: inline-flex; + margin-bottom: $spacing-02; + padding: $spacing-01; + line-height: 1; + border-radius: 50%; + color: $white; + } + + .icon-container--unable_to_access { + background: $grapefruit; + } + + .icon-container--not_found, + .icon-container--not_validated, + .icon-container--missing, + .icon-container--outdated { + background: $sanguine; + } + + .icon-container--fully_validated, + .icon-container--present { + background: $mid-green; + } + + .parsley-errors-list { + padding: $spacing-03; + border-radius: $spacing-01; + background: rgba($grapefruit, .25); + font-weight: bold; + + p { + margin: 0; + } + } + + .formulaic-annotation-pissn-list, + .formulaic-annotation-eissn-list, + .formulaic-annotation-preservation_service-list { + margin: 0; + padding: $spacing-03; + border-radius: $spacing-02; + border: 1px dotted $mid-grey; + background: $light-grey; + } + + .formulaic-clickableurl-visit { + margin: 0 0 0 $spacing-03; + white-space: nowrap; + } + } } diff --git a/portality/templates/application_form/editorial_form_fields.html b/portality/templates/application_form/editorial_form_fields.html index 96b40db731..0b91ff6247 100644 --- a/portality/templates/application_form/editorial_form_fields.html +++ b/portality/templates/application_form/editorial_form_fields.html @@ -17,59 +17,49 @@

{{ fs.label }}

{% set fs = formulaic_context.fieldset("reassign") %} {% if fs %} {% for f in fs.fields() %} -
-

{{ fs.label }} +

+

{{ fs.label }}

{% set field_template = f.template %} - {% include field_template %} -
+ {% include field_template %} {% endfor %} {% endif %} {% set fs = formulaic_context.fieldset("status") %} {% if fs %} {% for f in fs.fields() %} -
-

{{ fs.label }} +

- {% set field_template = f.template %} - {% include field_template %} -
+

{{ fs.label }}

+ {% set field_template = f.template %} + {% include field_template %} {% endfor %} {% endif %} {% endif %} {% set fs = formulaic_context.fieldset("continuations") %} {% if fs %} -
-

{{ fs.label }} +

- {% for f in fs.fields() %} - {% set field_template = f.template %} - {% include field_template %} - {% endfor %} -
+

{{ fs.label }}

+ {% for f in fs.fields() %} + {% set field_template = f.template %} + {% include field_template %} + {% endfor %} {% endif %} {% set fs = formulaic_context.fieldset("subject") %} {% if fs %} -
-

{{ fs.label }} +

- {% for f in fs.fields() %} - {% set field_template = f.template %} - {% include field_template %} - {% endfor %} -

Selected:

-
-
+

{{ fs.label }}

+ {% for f in fs.fields() %} + {% set field_template = f.template %} + {% include field_template %} + {% endfor %} +

Selected:

+
{% endif %} {% set fs = formulaic_context.fieldset("seal") %} {% if fs %} -
-

{{ fs.label }} +

-

The journal has fulfilled all the criteria for the Seal.

- {% for f in fs.fields() %} - {% set field_template = f.template %} - {% include field_template %} - {% endfor %} -
+

{{ fs.label }}

+

The journal has fulfilled all the criteria for the Seal.

+ {% for f in fs.fields() %} + {% set field_template = f.template %} + {% include field_template %} + {% endfor %} {% endif %} \ No newline at end of file