⚠ Archived content — this site is no longer maintained.   Current WebKit documentation is at docs.webkit.org.

Changeset 243859 in webkit


Ignore:
Timestamp:
Apr 3, 2019, 10:47:44 PM (7 years ago)
Author:
timothy@apple.com
Message:

Update AutoFill field icons to be SVG instead of PNG images.
​https://bugs.webkit.org/show_bug.cgi?id=196557
rdar://problem/48292514

Reviewed by Tim Horton.

Source/WebCore:

  • css/html.css:

(input::-webkit-credentials-auto-fill-button):
(input::-webkit-contacts-auto-fill-button):
(input::-webkit-credit-card-auto-fill-button):

LayoutTests:

  • platform/ios/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt:
  • platform/mac/fast/forms/auto-fill-button/input-contacts-auto-fill-button-expected.txt:
  • platform/win/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt:
Location:
trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r243845 r243859  
     12019-04-03  Timothy Hatcher  <timothy@apple.com>
     2
     3        Update AutoFill field icons to be SVG instead of PNG images.
     4        https://bugs.webkit.org/show_bug.cgi?id=196557
     5        rdar://problem/48292514
     6
     7        Reviewed by Tim Horton.
     8
     9        * platform/ios/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt:
     10        * platform/mac/fast/forms/auto-fill-button/input-contacts-auto-fill-button-expected.txt:
     11        * platform/win/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt:
     12
    1132019-04-03  Said Abou-Hallawa  <sabouhallawa@apple.com>
    214

  • trunk/LayoutTests/platform/ios/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt

    r185166 r243859  
    1010        RenderTextControl {INPUT} at (2,2) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
    1111          RenderFlexibleBox {DIV} at (6,3) size 123x15
    12             RenderBlock {DIV} at (0,0) size 107x14
     12            RenderBlock {DIV} at (0,0) size 100x14
    1313        RenderText {#text} at (139,1) size 5x19
    1414          text run at (139,1) width 5: " "
    1515        RenderTextControl {INPUT} at (145,2) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
    1616          RenderFlexibleBox {DIV} at (6,3) size 123x15
    17             RenderBlock {DIV} at (0,0) size 107x14
     17            RenderBlock {DIV} at (0,0) size 100x14
    1818        RenderText {#text} at (282,1) size 5x19
    1919          text run at (282,1) width 5: " "
    2020        RenderTextControl {INPUT} at (288,2) size 137x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
    2121          RenderFlexibleBox {DIV} at (6,3) size 123x15
    22             RenderBlock {DIV} at (0,0) size 107x14
     22            RenderBlock {DIV} at (0,0) size 100x14
    2323        RenderTextControl {INPUT} at (428,2) size 136x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
    24 layer at (17,49) size 106x14
    25   RenderBlock {DIV} at (0,0) size 107x14
    26 layer at (160,49) size 106x14
    27   RenderBlock {DIV} at (0,0) size 107x14
    28 layer at (303,49) size 106x14
    29   RenderBlock {DIV} at (0,0) size 107x14
     24layer at (17,49) size 100x14
     25  RenderBlock {DIV} at (0,0) size 100x14
     26layer at (160,49) size 100x14
     27  RenderBlock {DIV} at (0,0) size 100x14
     28layer at (303,49) size 100x14
     29  RenderBlock {DIV} at (0,0) size 100x14
    3030layer at (443,49) size 122x14
    3131  RenderBlock {DIV} at (6,3) size 123x15
    32 layer at (123,49) size 16x14
    33   RenderImage {DIV} at (106,0) size 17x14
    34 layer at (266,49) size 16x14
    35   RenderImage {DIV} at (106,0) size 17x14
    36 layer at (410,49) size 16x14
    37   RenderImage {DIV} at (106,0) size 17x14
     32layer at (123,49) size 22x14
     33  RenderImage {DIV} at (106,0) size 23x14
     34layer at (266,49) size 22x14
     35  RenderImage {DIV} at (106,0) size 23x14
     36layer at (410,49) size 22x14
     37  RenderImage {DIV} at (106,0) size 23x14

  • trunk/LayoutTests/platform/mac/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt

    r202826 r243859  
    1010        RenderTextControl {INPUT} at (2,2) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    1111          RenderFlexibleBox {DIV} at (3,3) size 140x13
    12             RenderBlock {DIV} at (0,0) size 120x13
     12            RenderBlock {DIV} at (0,0) size 113x13
    1313        RenderText {#text} at (149,2) size 5x18
    1414          text run at (149,2) width 5: " "
    1515        RenderTextControl {INPUT} at (155,2) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    1616          RenderFlexibleBox {DIV} at (3,3) size 140x13
    17             RenderBlock {DIV} at (0,0) size 120x13
     17            RenderBlock {DIV} at (0,0) size 113x13
    1818        RenderText {#text} at (303,2) size 5x18
    1919          text run at (303,2) width 5: " "
    2020        RenderTextControl {INPUT} at (309,2) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    2121          RenderFlexibleBox {DIV} at (3,3) size 140x13
    22             RenderBlock {DIV} at (0,0) size 120x13
     22            RenderBlock {DIV} at (0,0) size 113x13
    2323        RenderTextControl {INPUT} at (459,2) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    2424          RenderFlexibleBox {DIV} at (3,3) size 140x13
    25             RenderBlock {DIV} at (0,0) size 120x13
    26 layer at (13,47) size 120x13
    27   RenderBlock {DIV} at (0,0) size 120x13
    28 layer at (167,47) size 120x13
    29   RenderBlock {DIV} at (0,0) size 120x13
    30 layer at (321,47) size 120x13
    31   RenderBlock {DIV} at (0,0) size 120x13
    32 layer at (471,47) size 120x13
    33   RenderBlock {DIV} at (0,0) size 120x13
    34 layer at (136,48) size 15x12
    35   RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
    36 layer at (290,48) size 15x12
    37   RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
    38 layer at (444,48) size 15x12
    39   RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
    40 layer at (594,48) size 15x12
    41   RenderBlock {DIV} at (122,0) size 16x13 [bgcolor=#000000]
     25            RenderBlock {DIV} at (0,0) size 113x13
     26layer at (13,47) size 113x13
     27  RenderBlock {DIV} at (0,0) size 113x13
     28layer at (167,47) size 113x13
     29  RenderBlock {DIV} at (0,0) size 113x13
     30layer at (321,47) size 113x13
     31  RenderBlock {DIV} at (0,0) size 113x13
     32layer at (471,47) size 113x13
     33  RenderBlock {DIV} at (0,0) size 113x13
     34layer at (129,48) size 22x12
     35  RenderBlock {DIV} at (115,0) size 23x13 [bgcolor=#000000]
     36layer at (283,48) size 22x12
     37  RenderBlock {DIV} at (115,0) size 23x13 [bgcolor=#000000]
     38layer at (437,48) size 22x12
     39  RenderBlock {DIV} at (115,0) size 23x13 [bgcolor=#000000]
     40layer at (587,48) size 22x12
     41  RenderBlock {DIV} at (115,0) size 23x13 [bgcolor=#000000]

  • trunk/LayoutTests/platform/win/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt

    r185171 r243859  
    1010        RenderTextControl {INPUT} at (2,2) size 149x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    1111          RenderFlexibleBox {DIV} at (2,3) size 145x15
    12             RenderBlock {DIV} at (0,0) size 125x15
     12            RenderBlock {DIV} at (0,0) size 118x15
    1313        RenderText {#text} at (153,3) size 4x18
    1414          text run at (153,3) width 4: " "
    1515        RenderTextControl {INPUT} at (159,2) size 149x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    1616          RenderFlexibleBox {DIV} at (2,3) size 145x15
    17             RenderBlock {DIV} at (0,0) size 125x15
     17            RenderBlock {DIV} at (0,0) size 118x15
    1818        RenderText {#text} at (310,3) size 4x18
    1919          text run at (310,3) width 4: " "
    2020        RenderTextControl {INPUT} at (316,2) size 149x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    2121          RenderFlexibleBox {DIV} at (2,3) size 145x15
    22             RenderBlock {DIV} at (0,0) size 125x15
     22            RenderBlock {DIV} at (0,0) size 118x15
    2323        RenderTextControl {INPUT} at (469,2) size 149x21 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    24 layer at (12,47) size 125x15
    25   RenderBlock {DIV} at (0,0) size 125x15
    26 layer at (169,47) size 125x15
    27   RenderBlock {DIV} at (0,0) size 125x15
    28 layer at (326,47) size 125x15
    29   RenderBlock {DIV} at (0,0) size 125x15
     24layer at (12,47) size 118x15
     25  RenderBlock {DIV} at (0,0) size 118x15
     26layer at (169,47) size 118x15
     27  RenderBlock {DIV} at (0,0) size 118x15
     28layer at (326,47) size 118x15
     29  RenderBlock {DIV} at (0,0) size 118x15
    3030layer at (479,47) size 145x15
    3131  RenderBlock {DIV} at (2,3) size 145x15
    32 layer at (140,49) size 15x12
    33   RenderBlock {DIV} at (128,1) size 15x13 [bgcolor=#000000]
    34 layer at (297,49) size 15x12
    35   RenderBlock {DIV} at (128,1) size 15x13 [bgcolor=#000000]
    36 layer at (454,49) size 15x12
    37   RenderBlock {DIV} at (128,1) size 15x13 [bgcolor=#000000]
     32layer at (133,49) size 22x12
     33  RenderBlock {DIV} at (121,1) size 22x13 [bgcolor=#000000]
     34layer at (290,49) size 22x12
     35  RenderBlock {DIV} at (121,1) size 22x13 [bgcolor=#000000]
     36layer at (447,49) size 22x12
     37  RenderBlock {DIV} at (121,1) size 22x13 [bgcolor=#000000]

  • trunk/Source/WebCore/ChangeLog

    r243855 r243859  
     12019-04-03  Timothy Hatcher  <timothy@apple.com>
     2
     3        Update AutoFill field icons to be SVG instead of PNG images.
     4        https://bugs.webkit.org/show_bug.cgi?id=196557
     5        rdar://problem/48292514
     6
     7        Reviewed by Tim Horton.
     8
     9        * css/html.css:
     10        (input::-webkit-credentials-auto-fill-button):
     11        (input::-webkit-contacts-auto-fill-button):
     12        (input::-webkit-credit-card-auto-fill-button):
     13
    1142019-04-03  Simon Fraser  <simon.fraser@apple.com>
    215

  • trunk/Source/WebCore/css/html.css

    r243169 r243859  
    567567
    568568input::-webkit-credentials-auto-fill-button {
    569     -webkit-mask-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjI1PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoxNjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xNTwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoz37ZdAAAA5ElEQVQoFY2RsQ5BQRBFd9EgEYXv8QlaEqVGpfUPao3oKXyEQiJI1ERESaGmwnPu2k2QJ2uS82Z2du7s7jyTJInBWnCABeygoXwM6kwN1GELFo7wgOo/4gmFEovzWzyMiTMUlyFYJQT4wlucGko8T90xZv0j/5EusVpCuLr8FPK6NraHPmT8Oks8gI2bKEEOZhAauEJf3PX5Eb4ImpEG2gni0NWJvwdFYRvuoIHeoOUa++56+wpSxb6myf4J6qG5VWCt1ckPvHsksf531HSiDJ1VV9n15eJfJ+YkvWcMF+jFZa+KJ554xIc+jempAAAAAElFTkSuQmCC") 1x, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjIxPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoyNTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4zMDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yNDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpGMDB3AAAB8UlEQVRIDbVWO07DQBS0QSJUNJQcAloOQMEZ6InSUMEBkFJEQihQkQKJklQUlFBQQoH4SHAKJDokAgIz4+wLs5u15RjypOF9dvaN197dkCS/NodwC7gG3hxuXI1jUcuyLKkDa7aE4B7IHM7hCcs5Rs6Y1RHlHBpXo6JXeXX45xLOxB8QN2QsD+sKz2B2E1iRhqnEsxIvI96U/M8hv6mtyjxXehGpk+tZ3RVzdQOgcPN4KkPuvNbse2mtSsxXPYl9TkIu41L4rowQjD0Fee2UwqcTzA65/TRNB0CzSg/ygHegT34D4FGxjVXkHx0XbmQfiIzfKtto4LWEy3m58XLQs2zNzPPByAltGwXj0EfFUecbUd4O8pFxZ98CSrC4bNfvypxvxBu6cubAl3DaRSfBxNRjXtxckw5GjU+RXJweUNGOPRTqnrWRWQP1HkkTaRSK98CLioYr5vV4BqigxarlxSbsmu0XzO8qLxRmw/WCiRyLmjYEgTfhEWAPTM88VV4ozDP9HEyyBijHLdKQ4l2AR+YAGBMNhcFJVgETU8+xqIXCVXNtxm9cdJyU58VVhUKe/khwB+55XaeYqDC/zdoUtbzWFDPj7fQCLFjB+Vf4xaA2SvkK65iumLvwJNLkOFL79xJXfQhwlQTjsnu61r+2fEs/b4ZbzrEPMzEAAAAASUVORK5CYII=") 2x);
    570     -webkit-mask-size: 15px 12px;
    571     width: 15px;
    572     height: 12px;
    573     margin-left: 3px;
    574     margin-right: 2px;
    575     background-color: black;
    576     flex: none;
    577     -webkit-user-select: none;
    578 }
    579 
    580 input::-webkit-credentials-auto-fill-button:hover {
    581     background-color: rgb(0, 122, 255);
    582 }
    583 
    584 input::-webkit-credentials-auto-fill-button:active {
    585     background-color: rgb(0, 60, 219);
    586 }
    587 
    588 input::-webkit-contacts-auto-fill-button {
    589     -webkit-mask-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAAXNSR0IArs4c6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADzWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTAzLTE2VDE0OjM4OjM5PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoxNjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjI8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTI8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KDsFf/AAAALpJREFUOMtjYMAEjECcAcTXgPgBEPcBMQ8DHvD//38MjA0UgtSi4UpqGDwdi8GTqGFwEz1dPJkaBttjMdgah5l3gHgKEDNBDWMG4plAfB2XI14hGfoEj2PLoWqWATE3EK8G4n9AnIdLwyQkg7sY8ANQ0vwLxK+B+A8QJ+MKCnUgPoZk8D4gFiVgeDQQPwficPQwFoCmhudYwheGQeHZAFVLVORpAPFLPAai4xdQXxE0eDYJhsLwNEIGAwBaGtf92KSJygAAAABJRU5ErkJggg==") 1x, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAAXNSR0IArs4c6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADzWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTAzLTE2VDE0OjM4OjQ5PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoyNTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+NDQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KZQbeMQAAAZxJREFUWMPNlrFKA0EQhhMUBVErCy0ECxFUECzEWt9ALNMbDkv1AQSLgEhEEG0sBAsbEYKFj6AIVtoJQTClBALRmBjXf2AP1mNvM3vZizvwwR3szX0sszObyfBjFhyBV1AFJbAGBrkJhBB/npPAiT4QgBb9R8MbmPFJ+DhGVOXKF+F+UGcI130RHmbIhoz4UhJNhmxL1roXwmWG8IsvJTEEnhnCj77s8LRFDU9aCF+CL5BnSuZBQ35njCyoMGQrci1XWD0XQQfZQFnb5JTeBUP43LKGtyPfB4adVdftcP5D7erDIPsJRm0PHWJXyfEDchHZHGgra/a4XYLiwSB8l/QugSgoedqhtEa2YNPWKA4MwvvdXH400qdxsjbCEzFlUQNj3d7WDBtSTDI4KAbAtyZhg9MdGMKU4ySSm96zSYXnDSUx5eI+LKWLsnUd6mQ7CdPkWgAb4MkgfA/Wwfh/TbplOVFqFlNOvcyfgaVeCM+B6wSScdyAxbSEN+VsF46hg7rlWnhVThqREpR7xaXwbYqyISWXwtUeCL+7Ev4FRky1YsGhhMUAAAAASUVORK5CYII=") 2x);
     569    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><g><path d="M 16 3.5 C 16 2.672 16.672 2 17.5 2 C 18.3 2 19 2.7 19 3.5 C 19 4.3 18.3 5 17.5 5 C 16.7 5 16 4.3 16 3.5 Z M 11 6.5 C 11 10.1 13.9 13 17.5 13 C 21.1 13 24 10.1 24 6.5 C 24 2.9 21.1 0 17.5 0 C 13.9 0 11 2.9 11 6.5 Z"/><path d="M 20 17.3 L 20 18.6 L 20.9 19.9 C 21 20 21 20 21 20 L 17.7 23.8 C 17.7 23.8 17.7 23.8 17.7 23.8 C 17.5 23.9 17.4 23.9 17.3 23.8 L 15 21 L 15 11 L 20 11 L 20 14.8 L 21 15.9 C 21 16 21 16 20.9 16.1 L 20 17.3 Z M 17 13 L 17 21.3 L 17.5 21.8 L 18 21.3 L 18 13 L 17 13 Z"/></g></svg>');
    590570    -webkit-mask-size: 22px 12px;
    591571    width: 22px;
    … …  
    598578}
    599579
     580input::-webkit-credentials-auto-fill-button:hover {
     581    background-color: rgb(0, 122, 255);
     582}
     583
     584input::-webkit-credentials-auto-fill-button:active {
     585    background-color: rgb(0, 60, 219);
     586}
     587
     588input::-webkit-contacts-auto-fill-button {
     589    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="11" fill="none" stroke="black" stroke-width="2"/><path d="M 12 11.5 C 10.3 11.5 9 10.1 9 8.2 C 9 6.5 10.3 5 12 5 C 13.6 5 15 6.5 15 8.2 C 15 10.1 13.6 11.5 12 11.5 Z M 6.6 18 C 6.2 18 6 17.7 6 17.4 C 6 16.2 7.9 13 12 13 C 16.1 13 18 16.2 18 17.4 C 18 17.7 17.8 18 17.4 18 L 6.6 18 Z"/></svg>');
     590    -webkit-mask-size: 22px 12px;
     591    width: 22px;
     592    height: 12px;
     593    margin-left: 3px;
     594    margin-right: 2px;
     595    background-color: black;
     596    flex: none;
     597    -webkit-user-select: none;
     598}
     599
    600600input::-webkit-contacts-auto-fill-button:hover {
    601601    background-color: rgb(0, 122, 255);
    … …  
    607607
    608608input::-webkit-credit-card-auto-fill-button {
    609     -webkit-mask-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAAXNSR0IArs4c6QAAAeBJREFUWAntlrtOAkEUhmFZlhgwAQswkCgF0HCRkBAkuwEKex/Ays7aV/AR7K19ACspLLSxNVb2tlYWihc8P9mfDBtuq0OEhEnImTlzzjc/Z2dnJxBYt3UFVrwC6XR6p1arXVuW9S5/pa/jBxaYYGsvj4C7OkSOY1Sr1RvtglnZSqXi6IK7rH4oFPrUxVQ53AaqT0d/IVxTUYYFlr4ZS6/QI/DfBLdarXO8P47jXIi1PLqGww1pzWbzErGdTucME9xri7LDxdVONBp95dr1ev0KwtR59GOx2KZ70gy0pVKpZ/gpFH2dbSq33W6fBoPBb1lwEAdhEEgBiURiq1gs3nPeMIwveRrHmJ8KJuAXdiZXtsUJhFADBEJoMpnczufzD/Sbpvlh2/YRNcwEM1C1ctbeEkjr+hg2FxdCIIgMCM1ms08cRyKRt0ajcUgo7FxgNcHtM89rGUo/xxMtBEGYBDBnYLHP5Ut84E1kkNc/a8w8r2Ue/RxPtRCmvojxePylVCo1xyX5AhMwbkuUy+U7zov1zRWB+9gOuVzusVAo7Cmska5v8Ej25MFCuIYcyD2s6V5YJi/vY0YqbSNcLj84AfS2lbteuhf4Lj59Ugo+xj/ZcDjcQyEymcyu3vKuaYuvwA+kHP60wc4u3QAAAABJRU5ErkJggg==") 2x);
     609    -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 44 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M 30.25 9.25 L 36.5 15.75 L 42.75 9.25" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="4" width="22" height="16" rx="2" fill="none" stroke="black" stroke-width="2"/><rect x="2" y="8" width="20" height="3"/><rect x="3" y="12" width="5" height="4" rx="1"/></svg>');
    610610    -webkit-mask-size: 22px 12px;
    611611    width: 22px;
Note: See TracChangeset for help on using the changeset viewer.