WordPress.org

Make WordPress Core

Ticket #41286: 41286.diff

File 41286.diff, 5.4 KB (added by afercia, 3 years ago)
  • src/wp-admin/css/admin-menu.css

     
    330330#adminmenu .wp-submenu li {
    331331        padding: 0;
    332332        margin: 0;
    333         overflow: hidden;
    334333}
    335334
    336335#adminmenu .wp-menu-image img {
     
    547546        padding: 0;
    548547        position: relative;
    549548        overflow: visible;
    550         line-height: 34px;
    551549        background: none;
    552550        color: #aaa;
    553551        cursor: pointer;
    554         outline: 0;
    555552}
    556553
    557 #collapse-button:hover,
     554#collapse-button:hover {
     555        color: #00b9eb;
     556}
     557
    558558#collapse-button:focus {
    559559        color: #00b9eb;
     560        /* Only visible in Windows High Contrast mode */
     561        outline: 1px solid transparent;
     562        outline-offset: -1px;
    560563}
    561564
    562565#collapse-button .collapse-button-icon,
     
    566569        position: absolute;
    567570        top: 0;
    568571        left: 0;
    569         line-height: 34px;
    570572}
    571573
     574#collapse-button .collapse-button-label {
     575        top: 8px;
     576}
     577
    572578#collapse-button .collapse-button-icon {
    573579        width: 36px;
    574580        height: 34px;
  • src/wp-admin/css/common.css

     
    154154        line-height: normal;
    155155        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    156156        text-decoration: none;
    157         outline: none;
     157        /* Only visible in Windows High Contrast mode */
     158        outline: 2px solid transparent;
     159        outline-offset: -2px;
    158160}
    159161
    160162.hidden,
     
    269271        box-shadow:
    270272                0 0 0 1px #5b9dd9,
    271273                0 0 2px 1px rgba(30, 140, 190, .8);
     274        /* Only visible in Windows High Contrast mode */
     275        outline: 1px solid transparent;
    272276}
    273277
    274278.ie8 a:focus {
     
    275279        outline: #5b9dd9 solid 1px;
    276280}
    277281
    278 #adminmenu a:focus,
     282#adminmenu a:focus {
     283        box-shadow: none;
     284        /* Only visible in Windows High Contrast mode */
     285        outline: 1px solid transparent;
     286        outline-offset: -1px;
     287}
     288
    279289.screen-reader-text:focus {
    280290        box-shadow: none;
    281291        outline: none;
     
    609619        line-height: normal; /* IE8-IE11 need this for buttons */
    610620        color: #0073aa; /* some of these controls are button elements and don't inherit from links */
    611621        cursor: pointer;
    612         outline: 0;
    613622}
    614623
    615624.wrap .wp-heading-inline + .page-title-action {
     
    631640.wrap .page-title-action:focus {
    632641        border-color: #5b9dd9;
    633642        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     643        /* Only visible in Windows High Contrast mode */
     644        outline: 2px solid transparent;
    634645}
    635646
    636647.wrap h1.long-header {
  • src/wp-admin/css/forms.css

     
    5252textarea:focus {
    5353        border-color: #5b9dd9;
    5454        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     55        /* Only visible in Windows High Contrast mode */
     56        outline: 2px solid transparent;
    5557}
    5658
    5759/* rtl:ignore */
     
    236238        color: #72777c;
    237239}
    238240
    239 .form-invalid input, .form-invalid input:focus,
    240 .form-invalid select, .form-invalid select:focus {
     241.form-invalid input,
     242.form-invalid input:focus,
     243.form-invalid select,
     244.form-invalid select:focus {
    241245        border-color: #dc3232 !important;
    242  box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
     246        box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
    243247}
    244248
    245249.form-table .form-required.form-invalid td:after {
  • src/wp-includes/css/admin-bar.css

     
    5252#wpadminbar a,
    5353#wpadminbar a:hover,
    5454#wpadminbar a img,
    55 #wpadminbar a img:hover {
    56         outline: none;
     55#wpadminbar a img:hover {x
    5756        border: none;
    5857        text-decoration: none;
    5958        background: none;
     
    7170#wpadminbar textarea,
    7271#wpadminbar div {
    7372        box-shadow: none;
    74         outline: none;
    7573}
    7674
     75#wpadminbar a:focus {
     76        /* Inherits transparent outline only visible in Windows High Contrast mode */
     77        outline-offset: -1px;
     78}
     79
    7780#wpadminbar {
    7881        direction: ltr;
    7982        color: #ccc;
  • src/wp-includes/css/buttons.css

     
    9292        padding: 0 36px;
    9393}
    9494
     95/* Only visible in Windows High Contrast mode */
    9596.wp-core-ui .button:active,
    9697.wp-core-ui .button:focus {
    97         outline: none;
     98        outline: 2px solid transparent;
     99        /* Reset inherited offset from Gutenberg */
     100        outline-offset: 0;
    98101}
    99102
    100103.wp-core-ui .button.hidden {
     
    192195        border: 0;
    193196        border-radius: 0;
    194197        background: none;
    195         outline: none;
    196198        cursor: pointer;
    197199        text-align: left;
    198200        /* Mimics the default link style in common.css */
     
    213215        box-shadow:
    214216                0 0 0 1px #5b9dd9,
    215217                0 0 2px 1px rgba(30, 140, 190, .8);
     218        /* Only visible in Windows High Contrast mode */
     219        outline: 1px solid transparent;
    216220}
    217221
    218222.wp-core-ui .button-link-delete {
     
    282286}
    283287
    284288.wp-core-ui .button.button-primary.button-hero {
    285  box-shadow: 0 2px 0 #006799;
     289        box-shadow: 0 2px 0 #006799;
    286290}
    287291
    288292.wp-core-ui .button.button-primary.button-hero.active,
     
    289293.wp-core-ui .button.button-primary.button-hero.active:hover,
    290294.wp-core-ui .button.button-primary.button-hero.active:focus,
    291295.wp-core-ui .button.button-primary.button-hero:active {
    292  box-shadow: inset 0 3px 0 #006799;
     296        box-shadow: inset 0 3px 0 #006799;
    293297}
    294298
    295299/* ----------------------------------------------------------------------------