Skip to content
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

Merged
merged 4 commits into from
May 16, 2019

Conversation

montezume
Copy link
Contributor

@montezume montezume commented May 16, 2019

Summary

Changes the look of the hover / focus for the TimeInput

Before

before

After

after

Please check the deploy link

@montezume montezume force-pushed the ml-time-input-improvements branch from 457843d to 20c2151 Compare May 16, 2019 11:41
@montezume montezume self-assigned this May 16, 2019
@montezume montezume changed the title WIP: TimeInput improvements refactoring(time-input):TimeInput improvements May 16, 2019
@@ -98,6 +98,7 @@ const getClockIconContainerStyles = (props, theme) => {
border-bottom-right-radius: ${overwrittenVars[
designTokens.borderRadiusForInput
]};
transition: ${overwrittenVars.transitionStandard};
Copy link
Contributor

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}
Copy link
Contributor

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.

Copy link
Contributor Author

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

Copy link
Contributor

@jonnybel jonnybel May 16, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the diff I'm seeing
image

So it was already there, just moved one line below? 😄

Copy link
Contributor Author

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}
}
`;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice abstractions.

@montezume montezume merged commit a8537c5 into master May 16, 2019
@montezume montezume deleted the ml-time-input-improvements branch May 16, 2019 12:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants