-
Notifications
You must be signed in to change notification settings - Fork 14.4k
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: adjust width for non multi select inputs #11911
fix: adjust width for non multi select inputs #11911
Conversation
757c871
to
f6bd186
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.
LGTM. Thanks for the quick fix!
Codecov Report
@@ Coverage Diff @@
## master #11911 +/- ##
==========================================
- Coverage 66.04% 63.78% -2.27%
==========================================
Files 927 462 -465
Lines 45016 28418 -16598
Branches 4309 0 -4309
==========================================
- Hits 29730 18125 -11605
+ Misses 15151 10293 -4858
+ Partials 135 0 -135
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
const styles = { | ||
background: 'none', | ||
border: 'none', | ||
outline: 'none', | ||
padding: 0, | ||
}; |
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.
perhaps this object should be defined as a const as INPUT_TAG_STYLES?
Then you could get rid of the function entirely and just do:
inputStyle={isMultiWithValue ? { ...INPUT_TAG_STYLES, width: '100%' } : INPUT_TAG_STYLES}
on line 335
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.
SGTM! I made one slight change, and named it INPUT_TAG_BASE_STYLES
b/c they don't apply as is to all the input tags.
SUMMARY
slight formatting fix for selects when used as filters on the CRUD pages for example that was introduced in #11732
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
BEFORE:
AFTER:
TEST PLAN
visual comparisons
ADDITIONAL INFORMATION