Skip to content

Fix superposition in admin's error forms#9871

Merged
ahukkanen merged 3 commits intodevelopfrom
fix/admin-error-forms
Oct 17, 2022
Merged

Fix superposition in admin's error forms#9871
ahukkanen merged 3 commits intodevelopfrom
fix/admin-error-forms

Conversation

@andreslucena
Copy link
Copy Markdown
Member

🎩 What? Why?

While reviewing #9786 I saw that we've broken the error forms on admin panel. This is probably related with the Redesign process, and as it's CSS I was hesitant to make this PR.

My reasoning is that this only applies to the admin panel and for troubleshooting we need to see the error messages. Also, as the admin panel redesign will not be ready for v0.28 (we would only have the public interface redesign for that version) I think that we need to tackle these kinds of issues on admin UX.

Feel free to correct me or close this PR as wontfix if you don't see it clear.

Testing

  1. Sign in as admin
  2. Go to admin panel
  3. Generate a validation error in a form.

For instance:

  1. Go to a step of a process
  2. Remove the title
  3. Put the end date before the start date
  4. Save the form
  5. See the error

📷 Screenshots

Before

Selection_319

After

Selection_320

Mind that there's more job to be made here regarding the margins. We could tackle that on this same PR, another PR, or during the admin Redesign. Whatever strategy you prefer.

♥️ Thank you!

@andreslucena andreslucena changed the title Remove unecessary margins from admin's error forms Fix superposition in admin's error forms Sep 29, 2022
@andreslucena andreslucena added module: admin type: fix PRs that implement a fix for a bug labels Sep 29, 2022
Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This makes perfect sense for me since the admin panel won't be handled in the 0.28 release. We should keep it looking as close to the current version as possible.

There is just one change I'd like to suggest here.

When we display dynamic form errors, they currently appear under the field as so:
Abide form error

But as you show in the PR description, the server-side errors appear under the label.

Maybe we should be consistent here and also move the abide errors next to the label?

This happens in the Decidim::FormBuilder class, I believe the field_with_validations method.

@andreslucena andreslucena force-pushed the fix/admin-error-forms branch from 841f3ae to 580344f Compare October 5, 2022 13:51
@andreslucena
Copy link
Copy Markdown
Member Author

Maybe we should be consistent here and also move the abide errors next to the label?

Done. It's ready to be reviewed again.

@andreslucena andreslucena requested a review from ahukkanen October 6, 2022 10:06
@ahukkanen ahukkanen merged commit 39401c6 into develop Oct 17, 2022
@ahukkanen ahukkanen deleted the fix/admin-error-forms branch October 17, 2022 09:52
eliegaboriau pushed a commit to eliegaboriau/decidim that referenced this pull request Oct 25, 2022
* Remove unecessary margins from admin's error forms

* Move validation errors after the input field
entantoencuanto added a commit that referenced this pull request Oct 26, 2022
* develop: (35 commits)
  Install turbo-rails (#9881)
  Fix conference invitations (#9664)
  Fix invalid rendering of meeting and proposal body texts (#9764)
  Make documentation site work with multiple versions (#9917)
  Bump versions on install docs (#9916)
  Standardize CSV import formats and fix private users CSV import with invalid file (#9627)
  Fix: The i18n locales selector is showing a dropdown with 3 languages (#9902)
  Make Scopes field in debates translatable (#9903)
  Make ToS agreement translatable (#9909)
  Fix issues with a11y specs (#9929)
  Remove invitations badge (#9906)
  Make initiatives order translatable (#9905)
  Add missing active actions on admin navigation menu (#9904)
  Fix user sign up with invalid name (#9896)
  Remove duplication of LastActivity queries (#9895)
  Rename IgnoredMethods to AllowedMethods in Rubocop configuration (#9893)
  Exclude malformed file from codeclimate configuration (#9910)
  Fix correct resource linking for amendments (#9887)
  Fix superposition in admin's error forms (#9871)
  Add missing i18n key in Initiatives (#9892)
  ...
entantoencuanto added a commit that referenced this pull request Oct 31, 2022
* develop: (36 commits)
  Fix proposal etiquette and length validator with base64 images (#9639)
  Install turbo-rails (#9881)
  Fix conference invitations (#9664)
  Fix invalid rendering of meeting and proposal body texts (#9764)
  Make documentation site work with multiple versions (#9917)
  Bump versions on install docs (#9916)
  Standardize CSV import formats and fix private users CSV import with invalid file (#9627)
  Fix: The i18n locales selector is showing a dropdown with 3 languages (#9902)
  Make Scopes field in debates translatable (#9903)
  Make ToS agreement translatable (#9909)
  Fix issues with a11y specs (#9929)
  Remove invitations badge (#9906)
  Make initiatives order translatable (#9905)
  Add missing active actions on admin navigation menu (#9904)
  Fix user sign up with invalid name (#9896)
  Remove duplication of LastActivity queries (#9895)
  Rename IgnoredMethods to AllowedMethods in Rubocop configuration (#9893)
  Exclude malformed file from codeclimate configuration (#9910)
  Fix correct resource linking for amendments (#9887)
  Fix superposition in admin's error forms (#9871)
  ...
@alecslupu alecslupu added the no-backport Pull Requests that should not be backported label Jul 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

module: admin no-backport Pull Requests that should not be backported type: fix PRs that implement a fix for a bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants