-
Notifications
You must be signed in to change notification settings - Fork 4.1k
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
🪟 🎨 🧹 Migrate Input
and TextArea
to SCSS
#16378
Conversation
Input
and TextArea
to SCSS Input
and TextArea
to SCSS
f7a98d5
to
55e3a63
Compare
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.
Only one issue I found, LGTM otherwise!
{isVisibilityButtonVisible ? ( | ||
<VisibilityButton | ||
<Button |
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.
Replacing button looks like it's going to be fun
airbyte-webapp/src/components/base/TextArea/TextArea.module.scss
Outdated
Show resolved
Hide resolved
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.
Tested locally, LGTM.
Feels a little strange that Light does something different on Inputs vs Textareas.
@krishnaglick the design of these two needs to be revisited so that they're consistent and match Figma. For now, the goal was to do a bit of cleanup. |
* Migrate TextArea component to SCSS and add Storybook * Move Input styles to SCSS, add Storybook * Fix Input stylelint issues * Fix hover selector on Input container to avoid hovering on focus * Fix Input focus test by using style file * Add missing & to Textarea style * Fix styleint inssue in Input * Move input testid before props
* Migrate TextArea component to SCSS and add Storybook * Move Input styles to SCSS, add Storybook * Fix Input stylelint issues * Fix hover selector on Input container to avoid hovering on focus * Fix Input focus test by using style file * Add missing & to Textarea style * Fix styleint inssue in Input * Move input testid before props
What
Related to #15791
Migrates
Input
andTextArea
to SCSS and adds Storybook. The styles are kept as they were before exactly instead of applying any updates that my mismatch the current Figma design (this may be done as a separate PR in the future.)How
Recommended reading order
Top to bottom
Tests