diff --git a/rocky/assets/css/components/form-checkbox.scss b/rocky/assets/css/components/form-checkbox.scss index 99da2f5a942..71787c7a939 100644 --- a/rocky/assets/css/components/form-checkbox.scss +++ b/rocky/assets/css/components/form-checkbox.scss @@ -1,5 +1,12 @@ form { input[type="checkbox"] { + overflow: hidden; + text-overflow: ellipsis; + + & + label { + font-weight: normal; + } + &:disabled { opacity: 1; } diff --git a/rocky/assets/css/components/form-inline.scss b/rocky/assets/css/components/form-inline.scss index 10d071d4624..a7e6f8862a6 100644 --- a/rocky/assets/css/components/form-inline.scss +++ b/rocky/assets/css/components/form-inline.scss @@ -1,3 +1,4 @@ -form.inline.layout-wide { +form.layout-wide { width: 100%; + max-width: 100%; } diff --git a/rocky/assets/css/themes/soft/manon/filter.scss b/rocky/assets/css/themes/soft/manon/filter.scss index cc7c320b7b0..595d3ef8139 100644 --- a/rocky/assets/css/themes/soft/manon/filter.scss +++ b/rocky/assets/css/themes/soft/manon/filter.scss @@ -16,10 +16,12 @@ --filter-button-icon-before-close-content: "\ea62"; } +.filter:has(form:not([hidden])) { + border-bottom: 1px solid var(--colors-grey-200); +} + .filter form { - background-color: transparent; padding: 1.5rem 2rem 2rem; - border-bottom: 1px solid var(--colors-grey-200); } /* Temporary fix, this needs to be updated after this issue has been solved in Manon */ diff --git a/rocky/assets/css/themes/soft/manon/form.scss b/rocky/assets/css/themes/soft/manon/form.scss index b8f619912fe..2614b009378 100644 --- a/rocky/assets/css/themes/soft/manon/form.scss +++ b/rocky/assets/css/themes/soft/manon/form.scss @@ -2,6 +2,11 @@ :root { --form-base-text-color: var(--application-base-text-color); + --form-base-background-color: transparent; + --form-base-padding-top: 0; + --form-base-padding-bottom: 0; + --form-base-padding-left: 0; + --form-base-max-width: 40rem; /* Accent color */ --form-accent-color-color: var(--branding-color-2); @@ -32,5 +37,33 @@ } form fieldset .checkbox input[type="checkbox"] + label { - max-width: 40rem; + max-width: var(--form-base-max-width); + text-overflow: ellipsis; + overflow: hidden; +} + +form label { + font-weight: bold; +} + +form.help fieldset { + &.column-2 { + gap: var(--layout-column-2-gap); + } + + &.column-3 { + gap: var(--layout-column-3-gap); + } + + &.column-4 { + gap: var(--layout-column-4-gap); + } +} + +.checkbox-list { + row-gap: 0; +} + +form textarea { + border-radius: var(--form-input-border-radius); } diff --git a/rocky/assets/css/themes/soft/manon/link.scss b/rocky/assets/css/themes/soft/manon/link.scss index 6238c19d40e..ac27df86efc 100644 --- a/rocky/assets/css/themes/soft/manon/link.scss +++ b/rocky/assets/css/themes/soft/manon/link.scss @@ -2,6 +2,7 @@ :root { --link-text-decoration: underline; + --link-font-weight: normal; } a { diff --git a/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss b/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss index 5c795ff64f9..16b8a11b26c 100644 --- a/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss +++ b/rocky/assets/css/vendor_overrides/manon/form-fieldset-required.scss @@ -1,11 +1,14 @@ /* Form fieldset required */ form.horizontal-view div.required { + --nota-bene-height: calc( + var(--form-horizontal-view-fieldset-nota-bene-required-margin-bottom) + + 1.75rem /* Nota bene line height */ + ); + --input-height-quarter: calc(var(--form-input-min-height) * 0.25); + label { - margin-top: calc( - var(--form-horizontal-view-fieldset-nota-bene-required-margin-bottom) + - var(--form-input-min-height) / 2 - ); + margin-top: calc(var(--nota-bene-height) + var(--input-height-quarter)); } select + div + .help-button { diff --git a/rocky/assets/css/vendor_overrides/manon/form-radio.scss b/rocky/assets/css/vendor_overrides/manon/form-radio.scss index 9d8b4a1ec2a..cb84f5b90e7 100644 --- a/rocky/assets/css/vendor_overrides/manon/form-radio.scss +++ b/rocky/assets/css/vendor_overrides/manon/form-radio.scss @@ -2,4 +2,8 @@ form input[type="radio"] { margin: var(--form-radio-margin); + + & + label { + font-weight: normal; + } } diff --git a/rocky/katalogus/templates/clone_settings.html b/rocky/katalogus/templates/clone_settings.html index 5a18eab69b3..b6efa5469b4 100644 --- a/rocky/katalogus/templates/clone_settings.html +++ b/rocky/katalogus/templates/clone_settings.html @@ -11,7 +11,7 @@

{% translate "Clone settings" %}

{% csrf_token %} {% include "partials/form/fieldset.html" with legend=name fields=form %} diff --git a/rocky/katalogus/templates/partials/plugin_settings_required.html b/rocky/katalogus/templates/partials/plugin_settings_required.html index c48dc8842ac..889cd86766a 100644 --- a/rocky/katalogus/templates/partials/plugin_settings_required.html +++ b/rocky/katalogus/templates/partials/plugin_settings_required.html @@ -8,7 +8,7 @@ {% if not form %}

{% translate "The form could not be initialized." %}

{% else %} - + {% csrf_token %} {% translate "Required settings" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/katalogus/templates/plugin_settings_add.html b/rocky/katalogus/templates/plugin_settings_add.html index 1cb9f85c571..a2d84e95d52 100644 --- a/rocky/katalogus/templates/plugin_settings_add.html +++ b/rocky/katalogus/templates/plugin_settings_add.html @@ -24,7 +24,7 @@

{% endblocktrans %}

- + {% csrf_token %} {% include "partials/form/form_errors.html" with form=form %} {% include "partials/form/fieldset.html" with legend=name fields=form %} diff --git a/rocky/onboarding/templates/account/step_2a_organization_setup.html b/rocky/onboarding/templates/account/step_2a_organization_setup.html index 79f6d77fcec..5c7d1db8c38 100644 --- a/rocky/onboarding/templates/account/step_2a_organization_setup.html +++ b/rocky/onboarding/templates/account/step_2a_organization_setup.html @@ -24,7 +24,7 @@

{% translate "Organization setup" %}

+ class="help layout-form"> {% csrf_token %} {% translate "Organization details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/onboarding/templates/account/step_2a_organization_update.html b/rocky/onboarding/templates/account/step_2a_organization_update.html index 1ee96c51222..b171ccdf879 100644 --- a/rocky/onboarding/templates/account/step_2a_organization_update.html +++ b/rocky/onboarding/templates/account/step_2a_organization_update.html @@ -20,7 +20,7 @@

{% translate "Organization setup" %}

page within OpenKAT when necessary. {% endblocktranslate %}

- + {% csrf_token %} {% translate "Organization details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/onboarding/templates/account/step_4_account_setup_admin.html b/rocky/onboarding/templates/account/step_4_account_setup_admin.html index 06162b69c34..7aeb903a0b0 100644 --- a/rocky/onboarding/templates/account/step_4_account_setup_admin.html +++ b/rocky/onboarding/templates/account/step_4_account_setup_admin.html @@ -21,7 +21,7 @@

{% translate "Admin account setup" %}

as well as organization details. {% endblocktranslate %}

- + {% csrf_token %} {% translate "Admin details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/onboarding/templates/account/step_5_account_setup_red_teamer.html b/rocky/onboarding/templates/account/step_5_account_setup_red_teamer.html index 87811d5d4d0..3d026785e50 100644 --- a/rocky/onboarding/templates/account/step_5_account_setup_red_teamer.html +++ b/rocky/onboarding/templates/account/step_5_account_setup_red_teamer.html @@ -15,7 +15,7 @@

{% translate "OpenKAT setup" %}

{% translate "Red teamer account setup" %}

{% translate "Red teamer" %}

{% translate "A red teamer account can run scans and generate reports." %}

- + {% csrf_token %} {% translate "Red teamer details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/onboarding/templates/account/step_6_account_setup_client.html b/rocky/onboarding/templates/account/step_6_account_setup_client.html index 25270aefaef..0030efa3b58 100644 --- a/rocky/onboarding/templates/account/step_6_account_setup_client.html +++ b/rocky/onboarding/templates/account/step_6_account_setup_client.html @@ -20,7 +20,7 @@

{% translate "Client account setup (optional)" %}

Adding a client account to the organization is optional. {% endblocktranslate %}

- + {% csrf_token %} {% translate "User details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/onboarding/templates/step_3b_setup_scan_ooi_add.html b/rocky/onboarding/templates/step_3b_setup_scan_ooi_add.html index 14e7b8e2dd9..2e9f502904e 100644 --- a/rocky/onboarding/templates/step_3b_setup_scan_ooi_add.html +++ b/rocky/onboarding/templates/step_3b_setup_scan_ooi_add.html @@ -43,17 +43,15 @@

{% translate "Dependencies" %}

the process of creating them manually. {% endblocktranslate %}

- + {% csrf_token %} {% translate type as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %}
diff --git a/rocky/onboarding/templates/step_3f_set_clearance_level.html b/rocky/onboarding/templates/step_3f_set_clearance_level.html index a3df49a7cfb..7938a6baff8 100644 --- a/rocky/onboarding/templates/step_3f_set_clearance_level.html +++ b/rocky/onboarding/templates/step_3f_set_clearance_level.html @@ -20,20 +20,17 @@

{% translate "Setup scan - Set clearance level for" %} {{ ooi|human_readable For the onboarding we will suggest to set the clearance level to L{{ dns_report_least_clearance_level }}. {% endblocktranslate %}

-
+ {% csrf_token %} {% translate "Set clearance level" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} - +
+ + {% translate "Skip onboarding" %} +
-
- {% translate "Skip onboarding" %} -
diff --git a/rocky/rocky/templates/finding_type_add.html b/rocky/rocky/templates/finding_type_add.html index fa00bb72057..f44485c4b17 100644 --- a/rocky/rocky/templates/finding_type_add.html +++ b/rocky/rocky/templates/finding_type_add.html @@ -12,7 +12,7 @@

{% translate "Add finding type:" %}

+ class="help"> {% csrf_token %} {% translate "Finding Type" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/findings/finding_add.html b/rocky/rocky/templates/findings/finding_add.html index 2ad238fd8ee..68fac9a1156 100644 --- a/rocky/rocky/templates/findings/finding_add.html +++ b/rocky/rocky/templates/findings/finding_add.html @@ -12,7 +12,7 @@

{% translate "Add finding:" %}

+ class="help"> {% csrf_token %} {% translate "Finding" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/findings/findings_filter.html b/rocky/rocky/templates/findings/findings_filter.html index 7e9d7553713..be3ba962297 100644 --- a/rocky/rocky/templates/findings/findings_filter.html +++ b/rocky/rocky/templates/findings/findings_filter.html @@ -12,13 +12,10 @@ {% include "partials/form/fieldset.html" with fields=observed_at_form %} + {% include "partials/form/fieldset.html" with fields=severity_filter fieldset_class="filter-fields-direction column" %} + {% include "partials/form/fieldset.html" with fields=muted_findings_filter fieldset_class="filter-fields-direction column" %} + {% include "partials/form/fieldset.html" with fields=finding_search_form %} -
- {% include "partials/form/fieldset.html" with fields=severity_filter fieldset_class="filter-fields-direction column" %} - {% include "partials/form/fieldset.html" with fields=muted_findings_filter fieldset_class="filter-fields-direction column" %} - {% include "partials/form/fieldset.html" with fields=finding_search_form %} - -
diff --git a/rocky/rocky/templates/oois/ooi_detail_add_related_object.html b/rocky/rocky/templates/oois/ooi_detail_add_related_object.html index 3309e12c53f..02e5bc5eacf 100644 --- a/rocky/rocky/templates/oois/ooi_detail_add_related_object.html +++ b/rocky/rocky/templates/oois/ooi_detail_add_related_object.html @@ -12,7 +12,7 @@

{% translate "Add related object" %}

- + {% if ooi_id %}{% endif %}
{% translate "Object details" %} diff --git a/rocky/rocky/templates/oois/ooi_mute_finding.html b/rocky/rocky/templates/oois/ooi_mute_finding.html index f9723114431..44888d2b17d 100644 --- a/rocky/rocky/templates/oois/ooi_mute_finding.html +++ b/rocky/rocky/templates/oois/ooi_mute_finding.html @@ -14,7 +14,7 @@

{% translate "Mute finding:" %} {{ ooi.human_readable }}

+ class="help"> {% csrf_token %} {% translate "Mute finding" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/organizations/organization_add.html b/rocky/rocky/templates/organizations/organization_add.html index 63c335f74d5..97acdfe17e8 100644 --- a/rocky/rocky/templates/organizations/organization_add.html +++ b/rocky/rocky/templates/organizations/organization_add.html @@ -17,7 +17,7 @@

{% translate "Organization setup" %}

page within OpenKAT when necessary. {% endblocktranslate %}

- + {% csrf_token %} {% translate "Organization details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/organizations/organization_edit.html b/rocky/rocky/templates/organizations/organization_edit.html index 5ee579cc8ab..d8c5dae7358 100644 --- a/rocky/rocky/templates/organizations/organization_edit.html +++ b/rocky/rocky/templates/organizations/organization_edit.html @@ -11,7 +11,7 @@

{% translate "Edit organization" %} {{ organization.name }}

- + {% csrf_token %}
{% for field in form %} diff --git a/rocky/rocky/templates/organizations/organization_member_add.html b/rocky/rocky/templates/organizations/organization_member_add.html index dea1732b8b0..ccc31f05142 100644 --- a/rocky/rocky/templates/organizations/organization_member_add.html +++ b/rocky/rocky/templates/organizations/organization_member_add.html @@ -10,7 +10,7 @@

{{ view.kwargs.account_type|capfirst }}{% translate " member account setup" %}

- + {% csrf_token %} {% translate "Member details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/organizations/organization_member_add_account_type.html b/rocky/rocky/templates/organizations/organization_member_add_account_type.html index 0700684e0a6..06809f3ac5c 100644 --- a/rocky/rocky/templates/organizations/organization_member_add_account_type.html +++ b/rocky/rocky/templates/organizations/organization_member_add_account_type.html @@ -11,7 +11,7 @@

{% translate "Member account type setup" %}

{% translate "Choose an account type for this new member." %}

- + {% translate "Account type details" as fieldset_legend %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/organizations/organization_member_edit.html b/rocky/rocky/templates/organizations/organization_member_edit.html index 38cfbf754ea..ec18f3067be 100644 --- a/rocky/rocky/templates/organizations/organization_member_edit.html +++ b/rocky/rocky/templates/organizations/organization_member_edit.html @@ -11,7 +11,7 @@

{% translate "Edit member" %} {{ object.user.full_name }}

- + {% csrf_token %} {% include "partials/form/fieldset.html" with fields=form %} diff --git a/rocky/rocky/templates/organizations/organization_member_upload.html b/rocky/rocky/templates/organizations/organization_member_upload.html index 610bb1eca15..5774041b981 100644 --- a/rocky/rocky/templates/organizations/organization_member_upload.html +++ b/rocky/rocky/templates/organizations/organization_member_upload.html @@ -20,10 +20,7 @@

{% translate "Upload a csv file with members for organisation" %} "{{ organi
    {% for criterion in criteria %}
  • {{ criterion }}
  • {% endfor %}
- + {% csrf_token %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/partials/elements/ooi_add_type_select_form.html b/rocky/rocky/templates/partials/elements/ooi_add_type_select_form.html index 59739ded47c..b00d7eed468 100644 --- a/rocky/rocky/templates/partials/elements/ooi_add_type_select_form.html +++ b/rocky/rocky/templates/partials/elements/ooi_add_type_select_form.html @@ -1,7 +1,7 @@ {% load i18n %} {% spaceless %} - + {% if ooi %}{% endif %}
{% translate "Object details" %} diff --git a/rocky/rocky/templates/partials/elements/ooi_list_settings_form.html b/rocky/rocky/templates/partials/elements/ooi_list_settings_form.html index 16fbbc32e9c..446a607925a 100644 --- a/rocky/rocky/templates/partials/elements/ooi_list_settings_form.html +++ b/rocky/rocky/templates/partials/elements/ooi_list_settings_form.html @@ -6,7 +6,7 @@ {% if ooi_id %}{% endif %} {% include "partials/form/field_hidden_from_list.html" with list=mandatory_fields form=observed_at_form %} {% include "partials/form/fieldset.html" with fields=observed_at_form %} - {% include "partials/form/fieldset.html" with fields=ooi_type_form custom_class="column-4" %} + {% include "partials/form/fieldset.html" with fields=ooi_type_form custom_class="column-2 checkbox-list" %} {% if ooi_type_form.fields.ooi_type.choices|length > 4 %}

-
+ {% csrf_token %} {% include "two_factor/_wizard_forms.html" with step=wizard.steps.current %} diff --git a/rocky/rocky/templates/upload_csv.html b/rocky/rocky/templates/upload_csv.html index 1d57a16a2e1..512e336481e 100644 --- a/rocky/rocky/templates/upload_csv.html +++ b/rocky/rocky/templates/upload_csv.html @@ -15,10 +15,7 @@

{% translate "Upload CSV" %}

    {% for criterion in criteria %}
  • {{ criterion }}
  • {% endfor %}
- + {% csrf_token %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %} diff --git a/rocky/rocky/templates/upload_raw.html b/rocky/rocky/templates/upload_raw.html index f74ccbab117..b697278766a 100644 --- a/rocky/rocky/templates/upload_raw.html +++ b/rocky/rocky/templates/upload_raw.html @@ -17,10 +17,7 @@

{% translate "Upload raw file" %}

    {% for criterion in criteria %}
  • {{ criterion }}
  • {% endfor %}
- + {% csrf_token %} {% include "partials/form/fieldset.html" with legend=fieldset_legend fields=form %}