Bug 1337378 - Show today indicator on datetime picker calendar. r=mconley
MozReview-Commit-ID: 9BYTvru8yVN
--- a/toolkit/themes/shared/datetimeinputpickers.css
+++ b/toolkit/themes/shared/datetimeinputpickers.css
@@ -256,16 +256,20 @@ button.month-year.active::after {
background: var(--disabled-fill-color);
}
.days-view > .out-of-range.weekend,
.days-view > .off-step.weekend {
color: var(--weekend-disabled-font-color);
}
+.days-view > .today {
+ font-weight: bold;
+}
+
.days-view > .out-of-range::before,
.days-view > .off-step::before {
display: none;
}
.days-view > div:hover::before,
.days-view > .select::before,
.days-view > .today::before {
@@ -348,16 +352,21 @@ button.month-year.active::after {
.spinner-container > .spinner > div:hover::before,
.calendar-container .days-view > div:hover::before {
background: var(--fill-color);
border: var(--border);
content: "";
}
+.calendar-container .days-view > div.today::before {
+ background: var(--today-fill-color);
+ content: "";
+}
+
.spinner-container > .spinner:not(.scrolling) > div.selection,
.calendar-container .days-view > div.selection {
color: var(--selected-font-color);
}
.spinner-container > .spinner > div.selection::before,
.calendar-container .days-view > div.selection::before {
background: var(--selected-fill-color);