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

Add positioning to custom navigation in stories #1573

Closed
wants to merge 2 commits into from
Closed

Add positioning to custom navigation in stories #1573

wants to merge 2 commits into from

Conversation

dougmacknz
Copy link
Contributor

@dougmacknz dougmacknz commented Mar 7, 2019

Hi all, first time contributing here.

#1204 removed default styling on custom navigation buttons. This PR just fixes the positioning of all stories that have custom nav buttons by adding the positions to each example.

Closes #1532.

Before:
image

After:
image

Affected stories:
SDP - Calendar Props - with custom arrows
DayPicker - with custom arrows
DRP - Calendar Props - with custom month navigation
DRP - Calendar Props - vertical with custom month navigation
DayPickerSingleDateController - with custom month navigation
DayPickerRangeController - with custom navigation
DayPickerRangeController - with custom navigation and blocked navigation

Happy to do more clean ups in this area as well if desired. #1563 added a tabindex to custom nav elements but only one of the examples, and also a lot of the repeated 'prev' & 'next' styles can be DRY'ed up.

@coveralls
Copy link

coveralls commented Mar 7, 2019

Coverage Status

Coverage remained the same at 84.486% when pulling a813292 on dougmacknz:add-positioning-to-custom-nav-stories into 64c9857 on airbnb:master.

@ljharb ljharb requested review from nkinser, majapw and monokrome March 7, 2019 07:24
Copy link
Contributor

@nkinser nkinser left a comment

Choose a reason for hiding this comment

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

LGTM!
Can you also please add tabIndex="0" to the custom navigation components that don't already have it?

@dougmacknz
Copy link
Contributor Author

Can you also please add tabIndex="0" to the custom navigation components that don't already have it?

Sure, all done :)

@lencioni
Copy link
Contributor

Merged in 39fb2cb and 310205c

@lencioni lencioni closed this Jun 26, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Next/Previous month position styling is not applied when passing a custom icon
5 participants