Title: [184745] trunk
Revision
184745
Author
dba...@webkit.org
Date
2015-05-21 18:15:54 -0700 (Thu, 21 May 2015)

Log Message

Update Autofill button icon
https://bugs.webkit.org/show_bug.cgi?id=145191
<rdar://problem/20178942>

Reviewed by Jessie Berlin.

Source/WebCore:

* css/html.css:
(input::-webkit-auto-fill-button):
(input::-webkit-auto-fill-button:active):
(input::-webkit-auto-fill-button:hover):

LayoutTests:

Update expected results.

* fast/forms/input-auto-fill-button-expected.txt:
* platform/mac-mavericks/fast/forms/input-auto-fill-button-expected.txt:

Modified Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (184744 => 184745)


--- trunk/LayoutTests/ChangeLog	2015-05-22 00:43:33 UTC (rev 184744)
+++ trunk/LayoutTests/ChangeLog	2015-05-22 01:15:54 UTC (rev 184745)
@@ -1,3 +1,16 @@
+2015-05-21  Daniel Bates  <daba...@apple.com>
+
+        Update Autofill button icon
+        https://bugs.webkit.org/show_bug.cgi?id=145191
+        <rdar://problem/20178942>
+
+        Reviewed by Jessie Berlin.
+
+        Update expected results.
+
+        * fast/forms/input-auto-fill-button-expected.txt:
+        * platform/mac-mavericks/fast/forms/input-auto-fill-button-expected.txt:
+
 2015-05-21  Chris Fleizach  <cfleiz...@apple.com>
 
         AX: improve list heuristics (presentational use versus actual lists)

Modified: trunk/LayoutTests/fast/forms/input-auto-fill-button-expected.txt (184744 => 184745)


--- trunk/LayoutTests/fast/forms/input-auto-fill-button-expected.txt	2015-05-22 00:43:33 UTC (rev 184744)
+++ trunk/LayoutTests/fast/forms/input-auto-fill-button-expected.txt	2015-05-22 01:15:54 UTC (rev 184745)
@@ -9,33 +9,33 @@
       RenderBlock {DIV} at (0,34) size 784x23
         RenderTextControl {INPUT} at (2,2) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 131x13
-            RenderBlock {DIV} at (0,0) size 115x13
+            RenderBlock {DIV} at (0,0) size 111x13
         RenderText {#text} at (140,2) size 5x18
           text run at (140,2) width 5: " "
         RenderTextControl {INPUT} at (146,2) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 131x13
-            RenderBlock {DIV} at (0,0) size 115x13
+            RenderBlock {DIV} at (0,0) size 111x13
         RenderText {#text} at (284,2) size 5x18
           text run at (284,2) width 5: " "
         RenderTextControl {INPUT} at (290,2) size 138x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 131x13
-            RenderBlock {DIV} at (0,0) size 115x13
+            RenderBlock {DIV} at (0,0) size 111x13
         RenderTextControl {INPUT} at (431,2) size 137x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 131x13
-            RenderBlock {DIV} at (0,0) size 115x13
-layer at (13,47) size 114x13
-  RenderBlock {DIV} at (0,0) size 115x13
-layer at (157,47) size 114x13
-  RenderBlock {DIV} at (0,0) size 115x13
-layer at (302,47) size 114x13
-  RenderBlock {DIV} at (0,0) size 115x13
-layer at (442,47) size 114x13
-  RenderBlock {DIV} at (0,0) size 115x13
-layer at (127,47) size 16x13
-  RenderImage {DIV} at (114,0) size 17x13
-layer at (272,47) size 16x13
-  RenderImage {DIV} at (114,0) size 17x13
-layer at (416,47) size 16x13
-  RenderImage {DIV} at (114,0) size 17x13
-layer at (556,47) size 16x13
-  RenderImage {DIV} at (114,0) size 17x13
+            RenderBlock {DIV} at (0,0) size 111x13
+layer at (13,47) size 110x13
+  RenderBlock {DIV} at (0,0) size 111x13
+layer at (157,47) size 110x13
+  RenderBlock {DIV} at (0,0) size 111x13
+layer at (302,47) size 110x13
+  RenderBlock {DIV} at (0,0) size 111x13
+layer at (442,47) size 110x13
+  RenderBlock {DIV} at (0,0) size 111x13
+layer at (126,48) size 15x12
+  RenderBlock {DIV} at (113,0) size 16x13 [bgcolor=#000000]
+layer at (271,48) size 15x12
+  RenderBlock {DIV} at (113,0) size 16x13 [bgcolor=#000000]
+layer at (415,48) size 15x12
+  RenderBlock {DIV} at (113,0) size 16x13 [bgcolor=#000000]
+layer at (555,48) size 15x12
+  RenderBlock {DIV} at (113,0) size 16x13 [bgcolor=#000000]

Modified: trunk/LayoutTests/platform/mac-mavericks/fast/forms/input-auto-fill-button-expected.txt (184744 => 184745)


--- trunk/LayoutTests/platform/mac-mavericks/fast/forms/input-auto-fill-button-expected.txt	2015-05-22 00:43:33 UTC (rev 184744)
+++ trunk/LayoutTests/platform/mac-mavericks/fast/forms/input-auto-fill-button-expected.txt	2015-05-22 01:15:54 UTC (rev 184745)
@@ -9,33 +9,33 @@
       RenderBlock {DIV} at (0,34) size 784x23
         RenderTextControl {INPUT} at (2,2) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 140x13
-            RenderBlock {DIV} at (0,0) size 124x13
+            RenderBlock {DIV} at (0,0) size 120x13
         RenderText {#text} at (149,2) size 5x18
           text run at (149,2) width 5: " "
         RenderTextControl {INPUT} at (155,2) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 140x13
-            RenderBlock {DIV} at (0,0) size 124x13
+            RenderBlock {DIV} at (0,0) size 120x13
         RenderText {#text} at (302,2) size 5x18
           text run at (302,2) width 5: " "
         RenderTextControl {INPUT} at (308,2) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 140x13
-            RenderBlock {DIV} at (0,0) size 124x13
+            RenderBlock {DIV} at (0,0) size 120x13
         RenderTextControl {INPUT} at (457,2) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderFlexibleBox {DIV} at (3,3) size 140x13
-            RenderBlock {DIV} at (0,0) size 124x13
-layer at (13,47) size 123x13
-  RenderBlock {DIV} at (0,0) size 124x13
-layer at (166,47) size 123x13
-  RenderBlock {DIV} at (0,0) size 124x13
-layer at (319,47) size 123x13
-  RenderBlock {DIV} at (0,0) size 124x13
-layer at (468,47) size 123x13
-  RenderBlock {DIV} at (0,0) size 124x13
-layer at (136,47) size 16x13
-  RenderImage {DIV} at (123,0) size 17x13
-layer at (289,47) size 16x13
-  RenderImage {DIV} at (123,0) size 17x13
-layer at (442,47) size 16x13
-  RenderImage {DIV} at (123,0) size 17x13
-layer at (592,47) size 16x13
-  RenderImage {DIV} at (123,0) size 17x13
+            RenderBlock {DIV} at (0,0) size 120x13
+layer at (13,47) size 119x13
+  RenderBlock {DIV} at (0,0) size 120x13
+layer at (166,47) size 119x13
+  RenderBlock {DIV} at (0,0) size 120x13
+layer at (319,47) size 119x13
+  RenderBlock {DIV} at (0,0) size 120x13
+layer at (468,47) size 119x13
+  RenderBlock {DIV} at (0,0) size 120x13
+layer at (135,48) size 15x12
+  RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
+layer at (288,48) size 15x12
+  RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
+layer at (441,48) size 15x12
+  RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
+layer at (591,48) size 15x12
+  RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]

Modified: trunk/Source/WebCore/ChangeLog (184744 => 184745)


--- trunk/Source/WebCore/ChangeLog	2015-05-22 00:43:33 UTC (rev 184744)
+++ trunk/Source/WebCore/ChangeLog	2015-05-22 01:15:54 UTC (rev 184745)
@@ -1,3 +1,16 @@
+2015-05-21  Daniel Bates  <daba...@apple.com>
+
+        Update Autofill button icon
+        https://bugs.webkit.org/show_bug.cgi?id=145191
+        <rdar://problem/20178942>
+
+        Reviewed by Jessie Berlin.
+
+        * css/html.css:
+        (input::-webkit-auto-fill-button):
+        (input::-webkit-auto-fill-button:active):
+        (input::-webkit-auto-fill-button:hover):
+
 2015-05-21  Brady Eidson  <beid...@apple.com>
 
         Add an "initiated by user gesture" flag to ResourceRequest.

Modified: trunk/Source/WebCore/css/html.css (184744 => 184745)


--- trunk/Source/WebCore/css/html.css	2015-05-22 00:43:33 UTC (rev 184744)
+++ trunk/Source/WebCore/css/html.css	2015-05-22 01:15:54 UTC (rev 184745)
@@ -545,19 +545,23 @@
 }
 
 input::-webkit-auto-fill-button {
-    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="black" d="M12,0H4C1.8,0,0,1.8,0,4v8c0,2.2,1.8,4,4,4h8c2.2,0,4-1.8,4-4V4C16,1.8,14.2,0,12,0z M9.6,7.1l0,1.2l-1,1L9.4,10l-0.7,0.7 l0.7,0.7l-0.7,0.7l0.7,0.7l-1.2,1.2c-0.2,0.2-0.3,0.2-0.5,0l-1-1l0-6C5.7,6.6,5.1,5.6,5.1,4.5c0-1.6,1.3-3,3-3c1.7,0,3,1.3,3,3 C11.1,5.6,10.5,6.6,9.6,7.1z"/><circle fill="black" cx="8.1" cy="3.6" r="1"/></svg>');
-    align-self:stretch;
-    opacity: .4;
+    -webkit-mask-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjI1PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoxNjwveG1wOkNyZWF0ZURhdGU+CiAg
 ICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xNTwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoz37ZdAAAA5ElEQVQoFY2RsQ5BQRBFd9EgEYXv8QlaEqVGpfUPao3oKXyEQiJI1ERESaGmwnPu2k2QJ2uS82Z2du7s7jyTJInBWnCABeygoXwM6kwN1GELFo7wgOo/4gmFEovzWzyMiTMUlyFYJQT4wlucGko8T90xZv0j/5EusVpCuLr8FPK6NraHPmT8Oks8gI2bKEEOZhAauEJf3PX5Eb4ImpEG2gni0NWJvwdFYRvuoIHeoOUa++56+wpSxb6myf4J6qG5VWCt1ckPvHsksf531HSiDJ1VV9n15eJfJ+YkvWcMF+jFZa+KJ554xIc+jempAAAAAElFTkSuQmCC") 1x, url("data:image/png;base64,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") 2x);
+    -webkit-mask-size: 15px 12px;
+    width: 15px;
+    height: 12px;
+    margin-left: 3px;
+    margin-right: 2px;
+    background-color: black;
     -webkit-flex: none;
     -webkit-user-select: none;
 }
 
 input::-webkit-auto-fill-button:hover {
-    opacity: .85;
+    background-color: rgb(0, 122, 255);
 }
 
 input::-webkit-auto-fill-button:active {
-    opacity: 1;
+    background-color: rgb(0, 60, 219);
 }
 
 input::-webkit-caps-lock-indicator {
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to