-
Notifications
You must be signed in to change notification settings - Fork 0
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: fixed the overlapping of the icon #142
Conversation
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.
Pleas check the Chromatic results, it seems that this change breaks some stuff. Please not that the spacing should only be applied if an icon is set.
@@ -8,6 +8,11 @@ | |||
width: 100%; | |||
} | |||
|
|||
.mykn-stackctx:has(.mykn-icon) .mykn-input, | |||
.mykn-stackctx:has(.mykn-icon) .mykn-select { | |||
padding-right: 30px; |
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.
This looks like a better approach.
can we however:
- Move this to
stackctx.scss
so a widget directly rendered without Form(Control) gets the fix as well? - Use
padding-inline-end
instead ofpadding-right
? - Add
box-sizing: border-box;
to.mykn-stackctx
to make sure the padding has as little effect on the width as possible?
495716d
to
255ce8d
Compare
255ce8d
to
0e68f18
Compare
No description provided.