Changeset 71920 in webkit

Timestamp:

Nov 12, 2010 9:30:51 AM (13 years ago)

Author:

commit-queue@webkit.org

Message:

2010-11-12 Luiz Agostini <​luiz.agostini@openbossa.org>

Reviewed by Kenneth Rohde Christiansen.

[Qt] Button's background style from default Qt Mobile Theme is overriding facebook's button style
​https://bugs.webkit.org/show_bug.cgi?id=48198

Instead of creating gradients that goes from white to grey and cover the whole element the gradients
are created by varying the alpha channel of a dark color. This way the effect will not override the
background color of the elements.

• css/themeQtMobile.css:

Location:

trunk/WebCore

Files:

• ChangeLog (modified) (1 diff)
• css/themeQtMobile.css (modified) (3 diffs)

trunk/WebCore/ChangeLog

@@ +1 @@
+2010-11-12  Luiz Agostini  <luiz.agostini@openbossa.org>
+
+        Reviewed by Kenneth Rohde Christiansen.
+
+        [Qt] Button's background style from default Qt Mobile Theme  is overriding facebook's button style
+        https://bugs.webkit.org/show_bug.cgi?id=48198
+
+        Instead of creating gradients that goes from white to grey and cover the whole element the gradients
+        are created by varying the alpha channel of a dark color. This way the effect will not override the
+        background color of the elements.
+
+        * css/themeQtMobile.css:
+
 2010-11-12  Justin Schuh  <jschuh@chromium.org>
 

trunk/WebCore/css/themeQtMobile.css

@@ -34 +34 @@
     border: 1px solid gray;
     -webkit-border-radius:5px;
-    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #e5e5e5), color-stop(0.4, #ffffff));
+    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, rgba(0, 0, 0, 0.35)), color-stop(0.4, rgba(0, 0, 0, 0.0)));
+    background-color: #ffffff;
     color: #3e3e3e;
 }
@@ -77 +78 @@
 textarea {
     border: 1px solid gray;
-    background: -webkit-gradient(linear, left top, left 30, color-stop(0.0, #bfbfbf), color-stop(0.2, #ffffff));
+    background: -webkit-gradient(linear, left top, left 30, color-stop(0.0, rgba(0, 0, 0, 0.35)), color-stop(0.2, rgba(0, 0, 0, 0.0)));
+    background-color: #ffffff;
     color: #3e3e3e;
     -webkit-border-radius:5px;
@@ -94 +96 @@
 textarea:disabled {
     border: 1px solid gray;
-    background: -webkit-gradient(linear, left top, left 30, color-stop(0.0, #e5e5e5), color-stop(0.2, #ffffff));
+    background: -webkit-gradient(linear, left top, left 30, color-stop(0.0, rgba(0, 0, 0, 0.3)), color-stop(0.2, rgba(0, 0, 0, 0.0)));
+    background-color: #ffffff;
     color: #e5e5e5;
 }