Skip to content

Commit c919ad8

Browse files
committed
style: add weeknumber text align
1 parent b197453 commit c919ad8

File tree

2 files changed

+6
-10
lines changed

2 files changed

+6
-10
lines changed

src/style.css

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,8 @@
4949
--rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
5050
--rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
5151
--rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
52-
52+
--rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
53+
5354
--rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
5455
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
5556
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
@@ -237,10 +238,7 @@
237238
width: var(--rdp-week_number-width);
238239
border: var(--rdp-week_number-border);
239240
border-radius: var(--rdp-week_number-border-radius);
240-
}
241-
242-
.rdp-week_number_interactive {
243-
cursor: pointer;
241+
text-align: var(--rdp-weeknumber-text-align);
244242
}
245243

246244
/* DAY MODIFIERS */

src/style.module.css

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,8 @@
4949
--rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
5050
--rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
5151
--rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
52-
52+
--rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
53+
5354
--rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
5455
--rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
5556
--rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
@@ -237,10 +238,7 @@
237238
width: var(--rdp-week_number-width);
238239
border: var(--rdp-week_number-border);
239240
border-radius: var(--rdp-week_number-border-radius);
240-
}
241-
242-
.week_number_interactive {
243-
cursor: pointer;
241+
text-align: var(--rdp-weeknumber-text-align);
244242
}
245243

246244
/* DAY MODIFIERS */

0 commit comments

Comments
 (0)