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

(feat) Add animate prop #2608

Closed
wants to merge 14 commits into from
Prev Previous commit
Next Next commit
Update style
gpbl committed Nov 12, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
commit aa65ed31903bbe6f9b34db74c83b1f34c28c5648
15 changes: 9 additions & 6 deletions src/style.css
Original file line number Diff line number Diff line change
@@ -219,31 +219,34 @@
}

.rdp-month_grid {
width: 100%;
border-collapse: collapse;
}

.rdp-root[data-animate] .rdp-month_grid {
width: 100%;
overflow: hidden;
position: relative;
display: grid;
grid-template-rows: auto 1fr;
}

.rdp-month_grid thead,
.rdp-month_grid .rdp-week {
.rdp-root[data-animate] .rdp-month_grid thead,
.rdp-root[data-animate] .rdp-month_grid .rdp-week {
display: contents;
}

.rdp-month_grid .rdp-weekdays {
.rdp-root[data-animate] .rdp-weekdays {
display: grid;
grid-template-columns: repeat(var(--rdp-grid-template-columns), 1fr);
height: var(--rdp-nav-height);
}

.rdp-month_grid .rdp-weeks {
.rdp-root[data-animate] .rdp-weeks {
display: grid;
grid-template-columns: repeat(var(--rdp-grid-template-columns), 1fr);
}

.rdp-month_grid .rdp-weeks ~ .rdp-weeks {
.rdp-root[data-animate] .rdp-weeks ~ .rdp-weeks {
position: absolute;
margin-top: var(--rdp-nav-height);
}