Bug 1404327 - Move CSS font-family property to date/time input so that it can be overriden. r=dholbert
authorJessica Jong <jjong@mozilla.com>
Mon, 16 Oct 2017 15:24:50 +0800
changeset 680875 dc626eeea39a20c3d81375583965014c572c034a
parent 680874 3f2f733d6ab2f45eebcb044b7aa0cc32f2fe4db0
child 680876 a52b7ea3d0d4fb3c91bc8d7c3b72d5057fbfb250
push id84661
push userbmo:ttromey@mozilla.com
push dateMon, 16 Oct 2017 14:19:39 +0000
reviewersdholbert
bugs1404327
milestone58.0a1
Bug 1404327 - Move CSS font-family property to date/time input so that it can be overriden. r=dholbert MozReview-Commit-ID: 4sqXQSZMlmd
layout/style/res/forms.css
toolkit/content/widgets/datetimebox.css
--- a/layout/style/res/forms.css
+++ b/layout/style/res/forms.css
@@ -1122,16 +1122,17 @@ input[type=number]::-moz-number-spin-dow
 input[type="number"] > div > div > div:hover {
   /* give some indication of hover state for the up/down buttons */
   background-color: lightblue;
 }
 
 input[type="date"],
 input[type="time"] {
   overflow: hidden !important;
+  font-family: -moz-fixed;
 }
 
 :-moz-autofill, :-moz-autofill-preview {
   filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);
 }
 :-moz-autofill-preview {
   color: GrayText;
 }
--- a/toolkit/content/widgets/datetimebox.css
+++ b/toolkit/content/widgets/datetimebox.css
@@ -7,17 +7,16 @@
 
 .datetime-input-box-wrapper {
   -moz-appearance: none;
   display: inline-flex;
   flex: 1;
   cursor: default;
   background-color: inherit;
   color: inherit;
-  font-family: monospace;
   min-width: 0;
   justify-content: space-between;
 }
 
 .datetime-input-edit-wrapper {
   overflow: hidden;
   white-space: nowrap;
 }