Skip to content

Clean up spacing in input forms#4136

Merged
tdonohue merged 2 commits intoDSpace:mainfrom
atmire:w2p-127705_cleanup-input-form-spacing_contribute-main
Apr 9, 2025
Merged

Clean up spacing in input forms#4136
tdonohue merged 2 commits intoDSpace:mainfrom
atmire:w2p-127705_cleanup-input-form-spacing_contribute-main

Conversation

@gingyx
Copy link

@gingyx gingyx commented Apr 8, 2025

Description

This PR standardizes spacing values for all input form fields and improves input form readability.

Instructions for Reviewers

List of changes in this PR:

  1. Updated ds-dynamic-form-control-container.component.html to reduce bottom margins on field labels and to remove excess spacing between fields.
  2. Extended ds-dynamic-form-control-container.component.scss to conform error message margins to hint margins.
  3. Extended ds-dynamic-form-control-container.component.scss to conform label padding and margins on non-repeatable tag fields to other fields.
  4. Centered text vertically in existing-metadata-list-element.component.html.
  5. Updated date-picker.component.scss to conform bottom margin on date field labels to other labels.

BEFORE
form_cleanup_before

AFTER
form_cleanup_after

How to test or review the PR:

  • Create a new item through the admin sidebar.
  • Verify the spacing changes in the item submission form.

Checklist

  • My PR is small in size (e.g. less than 1,000 lines of code, not including comments & specs/tests), or I have provided reasons as to why that's not possible.

  • My PR is created against the main branch of code (unless it is a backport or is fixing an issue specific to an older branch).

  • My PR passes ESLint validation using npm run lint

  • My PR doesn't introduce circular dependencies (verified via npm run check-circ-deps)

  • My PR includes TypeDoc comments for all new (or modified) public methods and classes. It also includes TypeDoc for large or complex private methods.

  • My PR passes all specs/tests and includes new/updated specs or tests based on the Code Testing Guide.

  • My PR aligns with Accessibility guidelines if it makes changes to the user interface.

  • My PR uses i18n (internationalization) keys instead of hardcoded English text, to allow for translations.

  • My PR includes details on how to test it. I've provided clear instructions to reviewers on how to successfully test this fix or feature.

  • If my PR includes new libraries/dependencies (in package.json), I've made sure their licenses align with the DSpace BSD License based on the Licensing of Contributions documentation.

  • If my PR includes new features or configurations, I've provided basic technical documentation in the PR itself.

  • If my PR fixes an issue ticket, I've linked them together.

@tdonohue tdonohue added component: submission 1 APPROVAL pull request only requires a single approval to merge labels Apr 8, 2025
@tdonohue tdonohue moved this to 🙋 Needs Reviewers Assigned in DSpace 9.0 Release Apr 8, 2025
Copy link
Member

@tdonohue tdonohue left a comment

Choose a reason for hiding this comment

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

👍 Thanks @gingyx ! I gave this a quick test/review today. I agree this does fix some alignment issues, especially with error messages, dates and authors. I like the look this PR provides better than the current look.

@github-project-automation github-project-automation bot moved this from 🙋 Needs Reviewers Assigned to 👍 Reviewer Approved in DSpace 9.0 Release Apr 9, 2025
@tdonohue tdonohue added this to the 9.0 milestone Apr 9, 2025
@tdonohue tdonohue merged commit 4887a28 into DSpace:main Apr 9, 2025
15 checks passed
@github-project-automation github-project-automation bot moved this from 👍 Reviewer Approved to ✅ Done in DSpace 9.0 Release Apr 9, 2025
@alexandrevryghem alexandrevryghem deleted the w2p-127705_cleanup-input-form-spacing_contribute-main branch April 9, 2025 18:47
@alanorth
Copy link
Contributor

Thanks @gingyx. Can this be ported to DSpace 7 and 8?

alanorth added a commit to alanorth/dspace-angular that referenced this pull request Apr 12, 2025
alanorth added a commit to alanorth/dspace-angular that referenced this pull request Apr 12, 2025
alanorth added a commit to alanorth/dspace-angular that referenced this pull request Apr 12, 2025
@gingyx gingyx mentioned this pull request Apr 25, 2025
12 tasks
tdonohue pushed a commit to tdonohue/dspace-angular that referenced this pull request Sep 10, 2025
@tdonohue
Copy link
Member

Ported to 7.x in #4180 and 8.x in #4713

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

1 APPROVAL pull request only requires a single approval to merge component: submission

Projects

No open projects
Status: ✅ Done

Development

Successfully merging this pull request may close these issues.

3 participants