Bug 1498632 - Remove cursor overrides from datetimebox.css r=Gijs
authorEmilio Cobos Álvarez <emilio@crisal.io>
Sun, 14 Oct 2018 19:55:22 +0000
changeset 496920 8ad79784d883bbb2457ab066f4775ccb11377655
parent 496919 aa4cdd603e44a5035074927038fa37bc44c68525
child 496921 c98344b84b2004021a883f43a1adf66d203a128e
push id9984
push userffxbld-merge
push dateMon, 15 Oct 2018 21:07:35 +0000
treeherdermozilla-beta@183d27ea8570 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1498632
milestone64.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 1498632 - Remove cursor overrides from datetimebox.css r=Gijs Instead set the cursor from the UA sheet, and allow authors to override it. This matches what other UAs do. Differential Revision: https://phabricator.services.mozilla.com/D8640
layout/style/res/forms.css
toolkit/content/widgets/datetimebox.css
--- a/layout/style/res/forms.css
+++ b/layout/style/res/forms.css
@@ -1117,16 +1117,17 @@ input[type="number"] > div > div > div:h
   /* 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;
+  cursor: default;
 }
 
 :-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
@@ -4,31 +4,29 @@
 
 @namespace url("http://www.w3.org/1999/xhtml");
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .datetime-input-box-wrapper {
   -moz-appearance: none;
   display: inline-flex;
   flex: 1;
-  cursor: default;
   background-color: inherit;
   color: inherit;
   min-width: 0;
   justify-content: space-between;
 }
 
 .datetime-input-edit-wrapper {
   overflow: hidden;
   white-space: nowrap;
 }
 
 .datetime-edit-field {
   display: inline;
-  cursor: default;
   -moz-user-select: none;
   text-align: center;
   padding: 1px 3px;
   border: 0;
   margin: 0;
   ime-mode: disabled;
   font: inherit;
   outline: none;