Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix superposition in admin's error forms #9871

Merged
merged 3 commits into from
Oct 17, 2022
Merged

Conversation

andreslucena
Copy link
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
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
Copy link
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.

@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.

None yet

3 participants