Bug 763671 - Remove gradient from form elements. r=mfinkle

This commit is contained in:
Wes Johnston 2014-08-29 08:45:14 -07:00
parent c9e3528991
commit 0501972bd2
16 changed files with 63 additions and 56 deletions

View File

@ -9,7 +9,7 @@ random != boxshadow-blur-2.html boxshadow-blur-2-notref.html # fixedpoint divisi
== tableboxshadow-trshadow.html tableboxshadow-trshadow-ref.html
== tableboxshadow-tdshadow.html tableboxshadow-tdshadow-ref.html
== boxshadow-rounding.html boxshadow-rounding-ref.html
fails-if(Android||B2G) == boxshadow-button.html boxshadow-button-ref.html
fails-if(B2G) == boxshadow-button.html boxshadow-button-ref.html
fails-if(Android||B2G) == boxshadow-fileupload.html boxshadow-fileupload-ref.html
== boxshadow-inner-basic.html boxshadow-inner-basic-ref.svg
random-if(layersGPUAccelerated) == boxshadow-mixed.html boxshadow-mixed-ref.html
@ -25,7 +25,7 @@ random-if(d2d) == boxshadow-threecorners.html boxshadow-threecorners-ref.html
== overflow-not-scrollable-1.html overflow-not-scrollable-1-ref.html
== overflow-not-scrollable-1.html overflow-not-scrollable-1-ref2.html
== overflow-not-scrollable-2.html overflow-not-scrollable-2-ref.html
fails-if(Android||B2G) == 611574-1.html 611574-1-ref.html
fails-if(Android||B2G) == 611574-2.html 611574-2-ref.html
fails-if(B2G) == 611574-1.html 611574-1-ref.html
fails-if(B2G) == 611574-2.html 611574-2-ref.html
fuzzy-if(winWidget,5,30) == fieldset.html fieldset-ref.html # minor anti-aliasing problem on Windows
fuzzy-if(winWidget,5,30) == fieldset-inset.html fieldset-inset-ref.html # minor anti-aliasing problem on Windows

View File

@ -1305,9 +1305,9 @@ skip-if(B2G) == 478811-1.html 478811-1-ref.html
== 480880-2a.html about:blank
== 480880-2b.html about:blank
== 480880-2c.html about:blank
skip-if(B2G) fails-if(Android) == 481024-1a.html 481024-1-ref.html
skip-if(B2G) fails-if(Android) == 481024-1b.html 481024-1-ref.html
skip-if(B2G) fails-if(Android) == 481024-1c.html 481024-1-ref.html
skip-if(B2G) == 481024-1a.html 481024-1-ref.html
skip-if(B2G) == 481024-1b.html 481024-1-ref.html
skip-if(B2G) == 481024-1c.html 481024-1-ref.html
== 481024-1d.html 481024-1-ref.html
== 481024-1e.html 481024-1-ref.html
!= 481948-1.html 481948-1-ref.html
@ -1501,7 +1501,7 @@ skip-if(B2G) fails-if(Android) == 557087-2.html 557087-ref.html
== 557736-1.html 557736-1-ref.html
skip-if(B2G&&browserIsRemote) != 558011-1.xul 558011-1-ref.xul # bug 974780
== 559284-1.html 559284-1-ref.html
skip-if(B2G) fails-if(Android) == 560455-1.xul 560455-1-ref.xul
skip-if(B2G) == 560455-1.xul 560455-1-ref.xul
== 561981-1.html 561981-1-ref.html
== 561981-2.html 561981-2-ref.html
== 561981-3.html 561981-3-ref.html

View File

@ -1,7 +1,7 @@
== input-valid.html input-ref.html
fuzzy(11,4) == input-customerror.html input-ref.html
skip-if(B2G) fails-if(Android) == input-disabled.html input-ref.html
skip-if(B2G) fails-if(Android) == input-dyn-disabled.html input-ref.html
skip-if(B2G) == input-disabled.html input-ref.html
skip-if(B2G) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
== input-readonly.html input-ref.html
== input-dyn-readonly.html input-ref.html

View File

@ -1,7 +1,7 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fails-if(Android||B2G) == textarea-disabled.html textarea-ref.html
fails-if(Android||B2G) == textarea-dyn-disabled.html textarea-ref.html
fails-if(B2G) == textarea-disabled.html textarea-ref.html
fails-if(B2G) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html

View File

@ -1,7 +1,7 @@
== input-valid.html input-ref.html
fuzzy(64,4) == input-customerror.html input-ref.html
skip-if(B2G) fails-if(Android) == input-disabled.html input-ref.html
skip-if(B2G) fails-if(Android) == input-dyn-disabled.html input-ref.html
skip-if(B2G) == input-disabled.html input-ref.html
skip-if(B2G) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
== input-readonly.html input-ref.html
== input-dyn-readonly.html input-ref.html

View File

@ -1,7 +1,7 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
skip-if(B2G) fails-if(Android) == textarea-disabled.html textarea-ref.html
fails-if(Android||B2G) == textarea-dyn-disabled.html textarea-ref.html
skip-if(B2G) == textarea-disabled.html textarea-ref.html
fails-if(B2G) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html

View File

@ -1,7 +1,7 @@
== input-valid.html input-ref.html
fuzzy(11,4) == input-customerror.html input-ref.html
fails-if(Android||B2G) == input-disabled.html input-ref.html
fails-if(Android||B2G) == input-dyn-disabled.html input-ref.html
fails-if(B2G) == input-disabled.html input-ref.html
fails-if(B2G) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
== input-dyn-not-disabled-changed.html input-ref.html
== input-readonly.html input-ref.html

View File

@ -1,7 +1,7 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fails-if(Android||B2G) == textarea-disabled.html textarea-ref.html
random-if(Android||B2G) == textarea-dyn-disabled.html textarea-ref.html
fails-if(B2G) == textarea-disabled.html textarea-ref.html
random-if(B2G) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
== textarea-dyn-not-disabled-changed.html textarea-ref.html
== textarea-readonly.html textarea-ref.html

View File

@ -1,7 +1,7 @@
== input-valid.html input-ref.html
fuzzy(64,4) == input-customerror.html input-ref.html
fails-if(Android||B2G) == input-disabled.html input-ref.html
fails-if(Android||B2G) == input-dyn-disabled.html input-ref.html
fails-if(B2G) == input-disabled.html input-ref.html
fails-if(B2G) == input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
== input-readonly.html input-ref.html
== input-dyn-readonly.html input-ref.html

View File

@ -1,7 +1,7 @@
== textarea-valid.html textarea-ref.html
== textarea-customerror.html textarea-ref.html
fails-if(Android||B2G) == textarea-disabled.html textarea-ref.html
fails-if(Android||B2G) == textarea-dyn-disabled.html textarea-ref.html
fails-if(B2G) == textarea-disabled.html textarea-ref.html
fails-if(B2G) == textarea-dyn-disabled.html textarea-ref.html
== textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html

View File

@ -3,6 +3,6 @@ fails-if(B2G||Android) fuzzy-if(OSX==10.6,8,128) skip-if(B2G&&browserIsRemote) =
fails-if(B2G||Android) fuzzy-if(OSX==10.6,8,64) skip-if(B2G&&browserIsRemote) == rtl.html rtl-ref.xul # bug 974780
fails-if(B2G||Android) fuzzy-if(OSX==10.6,8,128) skip-if(B2G&&browserIsRemote) == size.html simple-ref.xul # bug 974780
fails-if(B2G||Android) fuzzy-if(OSX==10.6,8,64) skip-if(B2G&&browserIsRemote) == background.html background-ref.xul # bug 974780
fails-if(B2G||Android) skip-if(B2G&&browserIsRemote) == style.html style-ref.xul # bug 974780
fails-if(B2G) skip-if(B2G&&browserIsRemote) == style.html style-ref.xul # bug 974780
!= width-clip.html width-clip-ref.html
fails-if(B2G||Android) == color-inherit.html color-inherit-ref.html

View File

@ -1,6 +1,6 @@
== bounds-1.html bounds-1-ref.html
== size-1.html size-1-ref.html
skip-if(B2G) fails-if(Android) == size-2.html size-2-ref.html
skip-if(B2G) == size-2.html size-2-ref.html
HTTP(..) == baseline-1.html baseline-1-ref.html
skip-if(B2G&&browserIsRemote) HTTP(..) == centering-1.xul centering-1-ref.xul # bug 974780
skip-if(B2G&&browserIsRemote) == dynamic-height-1.xul dynamic-height-1-ref.xul # bug 974780

View File

@ -1,4 +1,4 @@
skip-if(B2G) fails-if(Android) HTTP(..) == text-control-baseline-1.html text-control-baseline-1-ref.html
skip-if(B2G) HTTP(..) == text-control-baseline-1.html text-control-baseline-1-ref.html
# button element
include button/reftest.list

View File

@ -25,7 +25,7 @@ fails-if(!nativeThemePref) != radio-native.html radio-nonnative.html
== radio-still-native-when-styled.html radio-still-native-when-styled-ref.html
fails-if(!nativeThemePref) != checkbox-native.html checkbox-nonnative.html
== checkbox-still-native-when-styled.html checkbox-still-native-when-styled-ref.html
fails-if(Android) == native-theme-disabled-cascade-levels.html native-theme-disabled-cascade-levels-ref.html
== native-theme-disabled-cascade-levels.html native-theme-disabled-cascade-levels-ref.html
!= 427122-1.html 427122-1-ref.html

View File

@ -87,7 +87,7 @@ xul|window xul|scrollbar xul|thumb {
-moz-border-right-colors: none !important;
-moz-border-left-colors: none !important;
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 3px;
border-radius: @form_border_radius@;
}
select:not([size]):not([multiple]) > xul|scrollbar,
@ -106,18 +106,18 @@ button,
xul|button,
* > input:not([type="image"]) {
-moz-appearance: none !important; /* See bug 598421 for fixing the platform */
border-radius: 3px;
border-radius: @form_border_radius@;
}
select[size],
select[multiple],
select[size][multiple],
textarea,
* > input:not([type="image"]) {
* > input:not([type="image"]):not([type="image"]) {
border-style: solid;
border-color: #7d7d7d;
color: #414141;
background: white linear-gradient(rgba(115,115,115,0.5) 0, rgba(215,215,215,0.5) 3px, rgba(255,255,255,0.2) 16px);
border-color: @form_border@;
color: @form_text@;
background-color: @form_background@;
}
/* Selects are handled by the form helper, see bug 685197 */
@ -133,17 +133,17 @@ select[size="1"],
* > input[type="reset"],
button {
border-style: solid;
border-color: #7d7d7d;
color: #414141;
background: white linear-gradient(rgba(255,255,255,0.2) 0, rgba(215,215,215,0.5) 18px, rgba(115,115,115,0.5) 100%);
border-color: @form_border@;
color: @form_text@;
background-color: @form_background@;
}
input[type="checkbox"] {
background: white linear-gradient(rgba(115,115,115,0.5) 0, rgba(215,215,215,0.5) 2px, rgba(255,255,255,0.2) 6px);
background: @form_background@;
}
input[type="radio"] {
background: radial-gradient(at 6px 6px, rgba(255,255,255,0.2) 3px, rgba(195,195,195,0.5) 5px, rgba(115,115,115,0.5) 100%);
background: @form_background@
}
select {
@ -180,7 +180,7 @@ input[type="radio"],
input[type="checkbox"] {
max-width: 14px;
max-height: 14px;
border: 1px solid #a7a7a7 !important;
border: 1px solid @form_border@ !important;
padding: 2px 1px 2px 1px;
}
@ -191,11 +191,10 @@ select > button {
border-radius: 0;
color: #414141;
background-size: auto auto, 100% 90%;
background-size: auto auto;
background-color: transparent;
background-image: url("chrome://browser/skin/images/dropmarker.svg"),
radial-gradient(at bottom left, #bbbbbb 40%, #f5f5f5) !important;
background-position: -moz-calc(50% + 1px) center, -15px center !important;
background-image: url("chrome://browser/skin/images/dropmarker.svg") !important;
background-position: -moz-calc(50% + 1px) center !important;
background-repeat: no-repeat !important;
font-size: inherit;
@ -209,8 +208,8 @@ input[type="file"]:focus > input[type="text"],
* > input:not([type="image"]):focus {
outline: 0px !important;
border-style: solid;
border-color: rgb(94,128,153);
background: white linear-gradient(rgba(27,113,177,0.5) 0, rgba(198,225,246,0.2) 3px, rgba(255,255,255,0.2) 16px);
border-color: @form_border@;
background-color: @form_background@;
}
select:not([size]):not([multiple]):focus,
@ -222,21 +221,21 @@ input[type="reset"]:focus,
button:focus {
outline: 0px !important;
border-style: solid;
border-color: rgb(94,128,153);
background: white linear-gradient(rgba(255,255,255,0.2) 0, rgba(198,225,256,0.2) 18px, rgba(27,113,177,0.5) 100%);
border-color: @form_border@;
background-color: @form_background@;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-color: #99c6e0 !important;
border-color: @form_border@ !important;
}
input[type="checkbox"]:focus {
background: white linear-gradient(rgba(27,113,177,0.5) 0, rgba(198,225,246,0.2) 2px, rgba(255,255,255,0.2) 6px);
background: @form_background@;
}
input[type="radio"]:focus {
background: radial-gradient(at 6px 6px, rgba(255,255,255,0.2) 3px, rgba(198,225,246,0.2) 5px, rgba(27,113,177,0.5) 100%);
background: @form_background@;
}
/* we need to be specific for selects because the above rules are specific too */
@ -251,17 +250,17 @@ button[disabled],
button[disabled]:active,
* > input:not([type="image"])[disabled],
* > input:not([type="image"])[disabled]:active {
color: rgba(0,0,0,0.3);
border-color: rgba(125,125,125,0.4);
color: @form_text_disabled@;
border-color: @form_border@;
border-style: solid;
border-width: 1px;
background: transparent linear-gradient(rgba(185,185,185,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(255,255,255,0.4) 100%);
background: @form_background_disabled@;
}
select:not([size]):not([multiple])[disabled],
select[size="0"][disabled],
select[size="1"][disabled] {
background: transparent linear-gradient(rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%);
background: @form_background_disabled@;
}
input[type="button"][disabled],
@ -273,7 +272,7 @@ input[type="reset"][disabled]:active,
button[disabled],
button[disabled]:active {
padding: 0 7px 0 7px;
background: transparent linear-gradient(rgba(255,255,255,0.4) 0, rgba(235,235,235,0.4) 3px, rgba(185,185,185,0.4) 100%);
background: @form_background_disabled@;
}
input[type="radio"][disabled],
@ -284,7 +283,7 @@ input[type="checkbox"][disabled],
input[type="checkbox"][disabled]:active,
input[type="checkbox"][disabled]:hover,
input[type="checkbox"][disabled]:hover:active {
border:1px solid rgba(125,125,125,0.4) !important;
border:1px solid @form_border@ !important;
}
select[disabled] > button {

View File

@ -1,5 +1,13 @@
%filter substitution
%define form_border #bfbfbf
%define form_border_radius-radius 2px
%define form_text #363b40
%define form_text_disabled #bebebe
%define form_background white
%define form_background_disabled #f5f5f5
%define form_background white
%define color_about_background #ced7de
%define color_about_item #e6e9eb
%define color_about_item_inner #eef2f5