WordPress.org

Make WordPress Core

Changeset 47208


Ignore:
Timestamp:
02/07/2020 09:09:39 PM (4 months ago)
Author:
SergeyBiryukov
Message:

Accessibility: Customize: Improve focus styles for color picker and media upload button in Customizer.

Props audrasjb, timhavinga, afercia, karmatosed.
Fixes #48694.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/color-picker.css

    r46866 r47208  
    121121.iris-picker .ui-square-handle:focus,
    122122.iris-picker .iris-strip .ui-slider-handle:focus {
    123     box-shadow:
    124         0 0 0 1px #5b9dd9,
    125         0 0 2px 1px rgba(30, 140, 190, 0.8);
     123    border-color: #007cba;
     124    border-style: solid;
     125    box-shadow: 0 0 0 1px #007cba;
     126    outline: 2px solid transparent;
    126127}
    127128
    128129.iris-picker .iris-palette:focus {
    129     box-shadow:
    130         inset 0 0 5px rgba(0, 0, 0, 0.4),
    131         0 0 0 1px #5b9dd9,
    132         0 0 2px 1px rgba(30, 140, 190, 0.8);
     130    box-shadow: 0 0 0 2px #007cba;
    133131}
    134132
  • trunk/src/wp-admin/css/customize-controls.css

    r46866 r47208  
    13931393.customize-control .attachment-media-view .button-add-media:focus {
    13941394    background-color: #fbfbfc;
     1395    border-color: #007cba;
    13951396    border-style: solid;
    1396     border-color: #5b9dd9;
    1397     box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
    1398     /* Only visible in Windows High Contrast mode */
     1397    box-shadow: 0 0 0 1px #007cba;
    13991398    outline: 2px solid transparent;
    1400     outline-offset: -2px;
    14011399}
    14021400
Note: See TracChangeset for help on using the changeset viewer.