-
-
Notifications
You must be signed in to change notification settings - Fork 1.7k
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
Allow DateRangePickerInput border theme to be overriden #1201
Allow DateRangePickerInput border theme to be overriden #1201
Conversation
borderColor: color.border, | ||
borderWidth: border.pickerInput.borderWidth, | ||
borderStyle: border.pickerInput.borderStyle, | ||
borderRadius: border.pickerInput.borderRadius, |
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.
Maybe this is not needed? Not sure
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.
def is. thank you for doing it in both pickers!
@@ -296,8 +296,10 @@ export default withStyles(({ reactDates: { color, sizing } }) => ({ | |||
}, | |||
|
|||
DateRangePickerInput__withBorder: { | |||
border: `1px solid ${color.border}`, |
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.
minor; but changing border
might be a breaking change for those overriding it with CSS
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.
I thought in the most recent version of react-dates the classNames are scrambled, no?
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.
with the aphrodite interface sure, but i'm not sure about with the css interface
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.
I think anyone overriding the border will see the same effect they did before, so I'm not concerned.
a2c64bb
to
4e37ae0
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.
Fixed an issue where border wasn't actually being deconstructed from the theme. Tests should pass now and this looks fine.
@@ -296,8 +296,10 @@ export default withStyles(({ reactDates: { color, sizing } }) => ({ | |||
}, | |||
|
|||
DateRangePickerInput__withBorder: { | |||
border: `1px solid ${color.border}`, |
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.
I think anyone overriding the border will see the same effect they did before, so I'm not concerned.
borderColor: color.border, | ||
borderWidth: border.pickerInput.borderWidth, | ||
borderStyle: border.pickerInput.borderStyle, | ||
borderRadius: border.pickerInput.borderRadius, |
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.
def is. thank you for doing it in both pickers!
awesome, thanks @majapw |
No description provided.