Make WordPress Core

Ticket #56789: 56789.3.patch

File 56789.3.patch, 3.2 KB (added by joedolson, 2 years ago)

Adds comments explaining CSS changes.

  • src/wp-admin/css/common.css

     
    141141.screen-reader-shortcut {
    142142        position: absolute;
    143143        top: -1000em;
    144 }
    145 
    146 .screen-reader-shortcut:focus {
    147144        left: 6px;
    148         top: -25px;
    149145        height: auto;
    150146        width: auto;
    151147        display: block;
     
    152148        font-size: 14px;
    153149        font-weight: 600;
    154150        padding: 15px 23px 14px;
     151        /* Background and color set to prevent false positives in automated accessibility tests. */
    155152        background: #f0f0f1;
    156153        color: #2271b1;
    157154        z-index: 100000;
    158155        line-height: normal;
     156}
     157
     158.screen-reader-shortcut:focus {
     159        top: -25px;
     160        /* Overrides a:focus in the admin. See ticket #56789. */
     161        color: #2271b1;
    159162        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    160163        text-decoration: none;
    161164        /* Only visible in Windows High Contrast mode */
  • src/wp-includes/css/admin-bar.css

     
    719719#wpadminbar .screen-reader-shortcut {
    720720        position: absolute;
    721721        top: -1000em;
    722 }
    723 
    724 #wpadminbar .screen-reader-shortcut:focus {
    725722        left: 6px;
    726         top: 7px;
    727723        height: auto;
    728724        width: auto;
    729725        display: block;
     
    735731        z-index: 100000;
    736732        line-height: normal;
    737733        text-decoration: none;
     734}
     735
     736#wpadminbar .screen-reader-shortcut:focus {
     737        top: 7px;
     738        background: #f0f0f1;
    738739        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    739740}
    740741