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 499632 8ad79784d883bbb2457ab066f4775ccb11377655
parent 499631 aa4cdd603e44a5035074927038fa37bc44c68525
child 499633 c98344b84b2004021a883f43a1adf66d203a128e
push id1864
push userffxbld-merge
push dateMon, 03 Dec 2018 15:51:40 +0000
treeherdermozilla-release@f040763d99ad [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;