Bug 1337378 - Show today indicator on datetime picker calendar. r=mconley
authorScott Wu <scottcwwu@gmail.com>
Mon, 17 Jul 2017 12:09:13 +0800
changeset 369662 cebef9d84892d7383afc6c4e70ae1202befe4d86
parent 369661 8c1975262e1adf09015817e39237c5f71cbef269
child 369663 9d6754fdaf26f8461210b8660655d68850143827
push id32201
push userkwierso@gmail.com
push dateWed, 19 Jul 2017 23:32:11 +0000
treeherdermozilla-central@a8885191775a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley
bugs1337378
milestone56.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1337378 - Show today indicator on datetime picker calendar. r=mconley MozReview-Commit-ID: 9BYTvru8yVN
toolkit/themes/shared/datetimeinputpickers.css
--- 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);