Skip to content

Commit

Permalink
fix: alignment of grid elements (#2294)
Browse files Browse the repository at this point in the history
fix: alignment of grid not being properly aligned
  • Loading branch information
gpbl authored Jul 22, 2024
1 parent 0c47740 commit 330ae8e
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 54 deletions.
28 changes: 1 addition & 27 deletions src/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@

--rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
--rdp-weekday-padding: 0.5rem 0.75rem; /* THe padding of the weekday. */
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
--rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

--rdp-gradient-direction: 90deg;
Expand Down Expand Up @@ -84,10 +84,6 @@
}

.rdp-day {
justify-content: center;
align-items: center;
display: flex;

width: var(--rdp-day-width);
height: var(--rdp-day-height);
font: var(--rdp-day-font);
Expand Down Expand Up @@ -222,15 +218,6 @@
height: var(--rdp-nav-height);
}

.rdp-week {
display: grid;
grid-template-columns: repeat(7, 1fr);
}

.rdp-root[data-week-numbers="true"] .rdp-week {
grid-template-columns: repeat(8, 1fr);
}

.rdp-weekday {
opacity: var(--rdp-weekday-opacity);
padding: var(--rdp-weekday-padding);
Expand All @@ -239,20 +226,7 @@
text-transform: var(--rdp-weekday-text-transform);
}

.rdp-weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
}

.rdp-root[data-week-numbers="true"] .rdp-weekdays {
grid-template-columns: repeat(8, 1fr);
}

.rdp-week_number {
justify-content: center;
align-items: center;
display: flex;

opacity: var(--rdp-week_number-opacity);
font: var(--rdp-week_number-font);
height: var(--rdp-week_number-height);
Expand Down
28 changes: 1 addition & 27 deletions src/style.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@

--rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
--rdp-weekday-padding: 0.5rem 0.75rem; /* THe padding of the weekday. */
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
--rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

--rdp-gradient-direction: 90deg;
Expand Down Expand Up @@ -84,10 +84,6 @@
}

.day {
justify-content: center;
align-items: center;
display: flex;

width: var(--rdp-day-width);
height: var(--rdp-day-height);
font: var(--rdp-day-font);
Expand Down Expand Up @@ -222,15 +218,6 @@
height: var(--rdp-nav-height);
}

.week {
display: grid;
grid-template-columns: repeat(7, 1fr);
}

.root[data-week-numbers="true"] .week {
grid-template-columns: repeat(8, 1fr);
}

.weekday {
opacity: var(--rdp-weekday-opacity);
padding: var(--rdp-weekday-padding);
Expand All @@ -239,20 +226,7 @@
text-transform: var(--rdp-weekday-text-transform);
}

.weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
}

.root[data-week-numbers="true"] .weekdays {
grid-template-columns: repeat(8, 1fr);
}

.week_number {
justify-content: center;
align-items: center;
display: flex;

opacity: var(--rdp-week_number-opacity);
font: var(--rdp-week_number-font);
height: var(--rdp-week_number-height);
Expand Down

0 comments on commit 330ae8e

Please sign in to comment.