Skip to content
This repository has been archived by the owner on Mar 27, 2023. It is now read-only.

fix(input): add top padding to cds-input elements #6056

Merged
merged 1 commit into from
Jun 15, 2021

Conversation

hippee-lee
Copy link
Contributor

@hippee-lee hippee-lee commented Jun 11, 2021

This seems to fix an alignment issue with form control labels and form inputs.
closes #6044

Before and after screen shots:
Screen Shot 2021-06-11 at 1 35 52 PM

Signed-off-by: Matt Hippely mhippely@vmware.com

PR Checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been added / updated (for bug fixes / features)
  • If applicable, have a visual design approval

PR Type

What kind of change does this PR introduce?
This remove line height from control label elements.

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • clarity.design website / infrastructure changes
  • Other... Please describe:

What is the current behavior?

The control label text and control input text is mis-aligned.

Issue Number: #6044

What is the new behavior?

Control label text aligns with control input text.

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

@hippee-lee
Copy link
Contributor Author

I needed to bump it to --cds-global-sapce-2 to align with the label text:

Screen Shot 2021-06-14 at 9 06 36 AM

@hippee-lee hippee-lee changed the title fix(input): remove line-height from control-label fix(input): add top padding to cds-input elements Jun 14, 2021
This seems to fix an alignment issue with formcontrol labels and form inputs.
closes vmware-archive#6044

Signed-off-by: Matt Hippely <mhippely@vmware.com>
@hippee-lee hippee-lee merged commit f0000fe into vmware-archive:next Jun 15, 2021
@hippee-lee hippee-lee deleted the topic/6044 branch June 15, 2021 16:19
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Labels and input/select controls in Core forms are not aligned
3 participants