WordPress.org

Make WordPress Core

Ticket #47498: 47498-url-encoded.diff

File 47498-url-encoded.diff, 2.5 KB (added by afercia, 2 years ago)
  • src/wp-admin/css/colors/_admin.scss

     
    22@import 'variables';
    33@import 'mixins';
    44
     5@function url-friendly-colour( $color ) {
     6        @return '%23' + str-slice( '#{ $color }', 2, -1 );
     7}
    58
    69body {
    710        background: $body-background;
     
    3033
    3134/* Forms */
    3235
    33 input[type=checkbox]:checked:before {
    34         color: $form-checked;
     36input[type=checkbox]:checked::before {
     37        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
    3538}
    3639
    37 input[type=radio]:checked:before {
     40input[type=radio]:checked::before {
    3841        background: $form-checked;
    3942}
    4043
  • src/wp-admin/css/forms.css

     
    119119        line-height: 0.71428571;
    120120}
    121121
    122 input[type="checkbox"]:checked:before,
    123 input[type="radio"]:checked:before {
     122input[type="checkbox"]:checked::before,
     123input[type="radio"]:checked::before {
    124124        float: left;
    125125        display: inline-block;
    126126        vertical-align: middle;
    127127        width: 16px;
    128         font: normal 21px/1 dashicons;
    129128        speak: none;
    130129        -webkit-font-smoothing: antialiased;
    131130        -moz-osx-font-smoothing: grayscale;
    132131}
    133132
    134 input[type="checkbox"]:checked:before {
    135         content: "\f147";
     133input[type="checkbox"]:checked::before {
     134        /* Use the "Yes" SVG Dashicon */
     135        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
    136136        margin: -3px 0 0 -4px;
    137         color: #1e8cbe;
     137        height: 21px;
     138        width: 21px;
    138139}
    139140
    140 input[type="radio"]:checked:before {
    141         content: "\2022";
    142         text-indent: -9999px;
    143         border-radius: 50px;
    144         font-size: 24px;
     141input[type="radio"]:checked::before {
     142        content: "";
     143        border-radius: 50%;
    145144        width: 6px;
    146145        height: 6px;
    147146        margin: 4px;
     
    12741273        .widefat th input[type="checkbox"]:before,
    12751274        .widefat thead td input[type="checkbox"]:before,
    12761275        .widefat tfoot td input[type="checkbox"]:before {
    1277                 font: normal 30px/1 dashicons;
     1276                width: 30px;
     1277                height: 30px;
    12781278                margin: -3px -5px;
    12791279        }
    12801280