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 `left: auto` to navigation buttons CSS #771

Closed
DDDDDanica opened this Issue Aug 14, 2018 · 1 comment

Comments

2 participants
@DDDDDanica

DDDDDanica commented Aug 14, 2018

Hey guys,

Really appreciate the hard work on the library, it is light and amazing.
There's a small issue i encountered in terms of styles i think it might be a small improvement.
In the style for DayPicker-NavButton(the left and right arrow to navigate months), the original css is

    position: absolute;
    cursor: pointer;
    top: 1rem;
    right: 1.5rem;
    margin-top: 2px;
`

However, there's no left style appended to icon, which will result in unexpected layout.

So my suggestion is to add one line as

    position: absolute;
    cursor: pointer;
    top: 1rem;
+ . left: auto;
    right: 1.5rem;
    margin-top: 2px;
`

It will do the trick.

Thanks guys.

@DDDDDanica DDDDDanica changed the title from DayPicker-NavButton Styll to DayPicker-NavButton Style fix Aug 14, 2018

@gpbl gpbl changed the title from DayPicker-NavButton Style fix to Add `left: auto` to navigation buttons CSS Aug 14, 2018

@gpbl

This comment has been minimized.

Show comment
Hide comment
@gpbl

gpbl Aug 14, 2018

Owner

Oh, thanks – I did not know!

Owner

gpbl commented Aug 14, 2018

Oh, thanks – I did not know!

@gpbl gpbl closed this in 6d1098a Aug 26, 2018

@gpbl gpbl added this to the v7.2.0 milestone Aug 27, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment