diff --git a/changelog/_8425.md b/changelog/_8425.md new file mode 100644 index 0000000000..ee050dc876 --- /dev/null +++ b/changelog/_8425.md @@ -0,0 +1,6 @@ +## Added +- `.narrow-wrapper__checkbox` to `narrow-wrapper.scss` to target `form-check` padding handling + +### Removed +- a4-select.scss and renamed to a4-forms.scss +- `form-check` padding overwrite in `form.scss` \ No newline at end of file diff --git a/meinberlin/assets/scss/components_user_facing/_narrow-wrapper.scss b/meinberlin/assets/scss/components_user_facing/_narrow-wrapper.scss index 33da001751..dd3ffd9762 100644 --- a/meinberlin/assets/scss/components_user_facing/_narrow-wrapper.scss +++ b/meinberlin/assets/scss/components_user_facing/_narrow-wrapper.scss @@ -15,6 +15,12 @@ } } +.narrow-wrapper__checkbox { + .form-check { + padding-left: 0; + } + } + .narrow-wrapper__footer { padding: 1em 0 3em; diff --git a/meinberlin/assets/scss/components_user_facing/adhocracy4/_a4-select.scss b/meinberlin/assets/scss/components_user_facing/adhocracy4/_a4-forms.scss similarity index 100% rename from meinberlin/assets/scss/components_user_facing/adhocracy4/_a4-select.scss rename to meinberlin/assets/scss/components_user_facing/adhocracy4/_a4-forms.scss diff --git a/meinberlin/assets/scss/style_user_facing.scss b/meinberlin/assets/scss/style_user_facing.scss index b9c28c553c..b5782241bc 100644 --- a/meinberlin/assets/scss/style_user_facing.scss +++ b/meinberlin/assets/scss/style_user_facing.scss @@ -54,8 +54,8 @@ @import "components_user_facing/adhocracy4/a4-comments"; @import "components_user_facing/adhocracy4/a4-control-bar-search"; @import "components_user_facing/adhocracy4/a4-follow"; +@import "components_user_facing/adhocracy4/a4-forms"; @import "components_user_facing/adhocracy4/a4-modal"; -@import "components_user_facing/adhocracy4/a4-select"; @import "components_user_facing/adhocracy4/a4-poll"; // ck-editor diff --git a/meinberlin/assets/scss/styles_user_facing/_form.scss b/meinberlin/assets/scss/styles_user_facing/_form.scss index b933192e08..1c3138998c 100644 --- a/meinberlin/assets/scss/styles_user_facing/_form.scss +++ b/meinberlin/assets/scss/styles_user_facing/_form.scss @@ -8,7 +8,6 @@ button { cursor: pointer; } -.form-check, .errorlist { padding-left: 0; } diff --git a/meinberlin/templates/account/login.html b/meinberlin/templates/account/login.html index 87ba3f5c1e..0614c758f7 100644 --- a/meinberlin/templates/account/login.html +++ b/meinberlin/templates/account/login.html @@ -21,7 +21,8 @@

{% translate "Login" %}

{% include "meinberlin_contrib/includes/form_field.html" with field=form.login %} {% include "meinberlin_contrib/includes/form_field.html" with field=form.password %} - {% include "meinberlin_contrib/includes/form_checkbox_field.html" with field=form.remember %} + + {% include "meinberlin_contrib/includes/form_checkbox_field.html" with field=form.remember add_class="narrow-wrapper__checkbox" %} {% if redirect_field_value %} diff --git a/meinberlin/templates/account/signup.html b/meinberlin/templates/account/signup.html index c8934a435e..78d0e7daa8 100644 --- a/meinberlin/templates/account/signup.html +++ b/meinberlin/templates/account/signup.html @@ -26,24 +26,26 @@

{% translate "Register" %}

{% include 'meinberlin_contrib/includes/form_field.html' with field=form.password1 %} {% include 'meinberlin_contrib/includes/form_field.html' with field=form.password2 %} - {% include 'meinberlin_contrib/includes/form_checkbox_field.html' with field=form.get_notifications %} - {% include 'meinberlin_contrib/includes/form_checkbox_field.html' with field=form.get_newsletters %} + {% include 'meinberlin_contrib/includes/form_checkbox_field.html' with field=form.get_notifications add_class="narrow-wrapper__checkbox" %} + {% include 'meinberlin_contrib/includes/form_checkbox_field.html' with field=form.get_newsletters add_class="narrow-wrapper__checkbox" %} -
- - {% if form.terms_of_use.errors %} - - {% endif %} +
+
+ + {% if form.terms_of_use.errors %} +
    + {% for error in form.terms_of_use.errors %} +
  • {{ error|escape }}
  • + {% endfor %} +
+ {% endif %} +
{% if form.captcha %}