WordPress.org

Make WordPress Core

Ticket #48694: 48694.diff

File 48694.diff, 1.4 KB (added by audrasjb, 6 months ago)

Use 5.3 focus styles to customizer colorpicker & media upload fields

  • src/wp-admin/css/color-picker.css

    diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css
    index 9869ccb2cc..f49af53478 100644
    a b  
    118118
    119119.iris-picker .ui-square-handle:focus,
    120120.iris-picker .iris-strip .ui-slider-handle:focus {
    121         box-shadow:
    122                 0 0 0 1px #5b9dd9,
    123                 0 0 2px 1px rgba(30, 140, 190, 0.8);
     121        border-color: #007cba;
     122        border-style: solid;
     123        box-shadow: 0 0 0 1px #007cba;
     124        outline: 2px solid transparent;
    124125}
    125126
    126127.iris-picker .iris-palette:focus {
    127         box-shadow:
    128                 inset 0 0 5px rgba(0, 0, 0, 0.4),
    129                 0 0 0 1px #5b9dd9,
    130                 0 0 2px 1px rgba(30, 140, 190, 0.8);
     128        box-shadow: 0 0 0 2px #007cba;
    131129}
    132130
    133131@media screen and (max-width: 782px) {
  • src/wp-admin/css/customize-controls.css

    diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
    index fbc6411488..e6e99ff357 100644
    a b p.customize-section-description { 
    13991399
    14001400.customize-control .attachment-media-view .button-add-media:focus {
    14011401        background-color: #fbfbfc;
     1402        border-color: #007cba;
    14021403        border-style: solid;
    1403         border-color: #5b9dd9;
    1404         box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
    1405         /* Only visible in Windows High Contrast mode */
     1404        box-shadow: 0 0 0 1px #007cba;
    14061405        outline: 2px solid transparent;
    1407         outline-offset: -2px;
    14081406}
    14091407
    14101408.customize-control-header .inner {