-
Notifications
You must be signed in to change notification settings - Fork 1
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’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: add xs margin top to the top of input #16
Conversation
🦋 Changeset detectedLatest commit: 0581f7f The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
||
input { | ||
margin-top: $spacing-xs; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
As opposed to selecting input
, create a new class and attach it to the Input instead.
I dived in a little more and realised TextField
(I thought it could be used in DateInput
, but it seems the icon prevents it from doing so, so sadly can't be done) also has the same issue.
Could you possibly fix the spacing there too? 🙏🏻
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @HeartSquared, that has been updated now.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for adding the extra change! Just realised the usage of the deprecated spacing token (my bad, not your fault), so I've left comments to outline the changes to make :)
packages/date-picker/src/_subcomponents/DateInput/DateInput.module.scss
Outdated
Show resolved
Hide resolved
packages/date-picker/src/DateRangePicker/DateRangePicker.module.scss
Outdated
Show resolved
Hide resolved
draft-packages/form/KaizenDraft/Form/TextField/TextField.module.scss
Outdated
Show resolved
Hide resolved
…dule.scss Co-authored-by: Cassandra <[email protected]>
…e.scss Co-authored-by: Cassandra <[email protected]>
…e.scss Co-authored-by: Cassandra <[email protected]>
@HeartSquared no problem, that's been updated now. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for this! :)
Why
This PR adds margin top to the top of the button for
DateRangePicker
and top of the input forDateInput
.This change makes the spacing consistent with labels from other components.
What
DateRangePicker Before (Notice the spacing below "Date range", compared to "Select report")
DateRangePicker After
DateInput Before
DateInput After