WordPress.org
Get WordPress

Make WordPress Core

Ticket #41286: 41286.3.diff

File 41286.3.diff, 8.7 KB (added by afercia, 6 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;
    … …  
    613623        line-height: normal; /* IE8-IE11 need this for buttons */
    614624        color: #0073aa; /* some of these controls are button elements and don't inherit from links */
    615625        cursor: pointer;
    616         outline: 0;
    617626}
    618627
    619628.wrap .wp-heading-inline + .page-title-action {
    … …  
    635644.wrap .page-title-action:focus {
    636645        border-color: #5b9dd9;
    637646        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     647        /* Only visible in Windows High Contrast mode */
     648        outline: 2px solid transparent;
    638649}
    639650
    640651.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-admin/css/media.css

     
    310310}
    311311
    312312#find-posts-close:focus {
    313         outline: none;
    314313        box-shadow:
    315314                0 0 0 1px #5b9dd9,
    316315                0 0 2px 1px rgba(30, 140, 190, .8);
     316        /* Only visible in Windows High Contrast mode */
     317        outline: 2px solid transparent;
     318        outline-offset: -2px;
    317319}
    318320
    319321#find-posts-close:before {
    … …  
    528530        box-shadow:
    529531                inset 0 0 2px 3px #f1f1f1,
    530532                inset 0 0 0 7px #5b9dd9;
    531         outline: none;
     533        /* Only visible in Windows High Contrast mode */
     534        outline: 2px solid transparent;
     535        outline-offset: -6px;
    532536}
    533537
    534538.media-frame.mode-grid .selected.attachment {
    … …  
    681685        box-shadow: none;
    682686}
    683687
     688.upload-php .media-modal-close:focus,
     689.edit-attachment-frame .edit-media-header .left:focus,
     690.edit-attachment-frame .edit-media-header .right:focus {
     691        /* Only visible in Windows High Contrast mode */
     692        outline: 2px solid transparent;
     693        outline-offset: -2px;
     694}
     695
    684696.upload-php .media-modal-close:focus .media-modal-icon:before,
    685697.upload-php .media-modal-close:hover .media-modal-icon:before {
    686698        color: #000;
    … …  
    10791091.image-editor .imgedit-settings .imgedit-help-toggle:focus {
    10801092        color: #0074a2;
    10811093        border-color: #5b9dd9;
    1082         outline: none;
    10831094        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
     1095        /* Only visible in Windows High Contrast mode */
     1096        outline: 2px solid transparent;
    10841097}
    10851098
    10861099.form-table td.imgedit-response {

  • src/wp-includes/css/admin-bar.css

     
    5353#wpadminbar a:hover,
    5454#wpadminbar a img,
    5555#wpadminbar a img:hover {
    56         outline: none;
    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 {
    … …  
    190193        border: 0;
    191194        border-radius: 0;
    192195        background: none;
    193         outline: none;
    194196        cursor: pointer;
    195197        text-align: left;
    196198        /* Mimics the default link style in common.css */
    … …  
    211213        box-shadow:
    212214                0 0 0 1px #5b9dd9,
    213215                0 0 2px 1px rgba(30, 140, 190, .8);
     216        /* Only visible in Windows High Contrast mode */
     217        outline: 1px solid transparent;
    214218}
    215219
    216220.wp-core-ui .button-link-delete {
    … …  
    280284}
    281285
    282286.wp-core-ui .button.button-primary.button-hero {
    283  box-shadow: 0 2px 0 #006799;
     287        box-shadow: 0 2px 0 #006799;
    284288}
    285289
    286290.wp-core-ui .button.button-primary.button-hero.active,
    … …  
    287291.wp-core-ui .button.button-primary.button-hero.active:hover,
    288292.wp-core-ui .button.button-primary.button-hero.active:focus,
    289293.wp-core-ui .button.button-primary.button-hero:active {
    290  box-shadow: inset 0 3px 0 #006799;
     294        box-shadow: inset 0 3px 0 #006799;
    291295}
    292296
    293297/* ----------------------------------------------------------------------------

  • src/wp-includes/css/media-views.css

     
    4848        box-shadow:
    4949                0 0 0 1px #5b9dd9,
    5050                0 0 2px 1px rgba(30, 140, 190, .8);
    51         outline: none;
    5251        color: #124964;
     52        /* Only visible in Windows High Contrast mode */
     53        outline: 1px solid transparent;
    5354}
    5455
    5556.media-frame a.button {
    … …  
    195196        color: #00a0d2;
    196197        border-color: #5b9dd9;
    197198        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
     199        /* Only visible in Windows High Contrast mode */
     200        outline: 2px solid transparent;
     201        outline-offset: -2px;
    198202}
    199203
    200204.media-modal-close span.media-modal-icon {
    … …  
    835839        box-shadow:
    836840                inset 0 0 2px 3px #fff,
    837841                inset 0 0 0 7px #5b9dd9;
    838         outline: none;
     842        /* Only visible in Windows High Contrast mode */
     843        outline: 2px solid transparent;
     844        outline-offset: -6px;
    839845}
    840846
    841847.wp-core-ui .selected.attachment {
    … …  
    10111017                0 0 0 2px #0073aa;
    10121018}
    10131019
     1020.wp-core-ui .attachment.selected .check:focus {
     1021        /* Only visible in Windows High Contrast mode */
     1022        outline: 2px solid transparent;
     1023}
     1024
    10141025.wp-core-ui .attachment.details .check .media-modal-icon,
    10151026.wp-core-ui .media-frame.mode-grid .attachment.selected .check .media-modal-icon {
    10161027        background-position: -21px 0;
    … …  
    14851496        box-shadow:
    14861497                0 0 0 1px #fff,
    14871498                0 0 2px 3px #5b9dd9;
     1499        /* Only visible in Windows High Contrast mode */
     1500        outline: 2px solid transparent;
    14881501}
    14891502
    14901503.wp-core-ui .media-selection .selected.attachment {
    … …  
    17771790.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
    17781791        color: #0074a2;
    17791792        border-color: #5b9dd9;
    1780         outline: none;
    17811793        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
     1794        /* Only visible in Windows High Contrast mode */
     1795        outline: 2px solid transparent;
    17821796}
    17831797
    17841798.wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle {