-
Notifications
You must be signed in to change notification settings - Fork 26
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
refactoring(time-input):TimeInput
improvements
#776
Conversation
457843d
to
20c2151
Compare
TimeInput
improvementsTimeInput
improvements
@@ -98,6 +98,7 @@ const getClockIconContainerStyles = (props, theme) => { | |||
border-bottom-right-radius: ${overwrittenVars[ | |||
designTokens.borderRadiusForInput | |||
]}; | |||
transition: ${overwrittenVars.transitionStandard}; |
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.
We must remember to update these in version 10.0.0, to specify the properties to animate.
isReadOnly={this.props.isReadOnly} | ||
hasError={this.props.hasError} |
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 was accidental, right? Better undo this to avoid the additional file being changed for nothing.
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.
hm? no I need hasError
in the time-input-body
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.
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.
oh
&:hover ${StyledInput}, &:hover ${StyledClearSection}, &:hover ${StyledClockIconContainer} { | ||
${props => !props.isDisabled && getBorderColorWhenFocused} | ||
} | ||
`; |
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.
Nice abstractions.
Summary
Changes the look of the hover / focus for the
TimeInput
Before
After
Please check the deploy link