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

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

Add left: auto to navigation buttons CSS #771

DDDDDanica opened this issue Aug 14, 2018 · 1 comment

Comments

@DDDDDanica
Copy link

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 DayPicker-NavButton Styll DayPicker-NavButton Style fix Aug 14, 2018
@gpbl gpbl changed the title DayPicker-NavButton Style fix Add left: auto to navigation buttons CSS Aug 14, 2018
@gpbl
Copy link
Owner

gpbl commented Aug 14, 2018

Oh, thanks – I did not know!

@gpbl gpbl closed this as completed in 6d1098a Aug 26, 2018
@gpbl gpbl added this to the v7.2.0 milestone Aug 27, 2018
kimamula pushed a commit to kimamula/react-day-picker that referenced this issue Aug 17, 2022
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

No branches or pull requests

2 participants