WordPress.org
Get WordPress

Make WordPress Core

Ticket #51870: 51870.2.diff

File 51870.2.diff, 16.0 KB (added by afercia, 14 months ago)

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

     
    279279a:focus .plugin-icon,
    280280.wp-person a:focus .gravatar {
    281281        color: #043959;
    282         box-shadow:
    283                 0 0 0 1px #4f94d4,
    284                 0 0 2px 1px rgba(79, 148, 212, 0.8);
    285                 /* Only visible in Windows High Contrast mode */
    286                 outline: 1px solid transparent;
     282        box-shadow: 0 0 0 2px #3582c4;
     283        /* Only visible in Windows High Contrast mode */
     284        outline: 2px solid transparent;
    287285}
    288286
    289287#adminmenu a:focus {
    … …  
    844842}
    845843
    846844.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
    847         box-shadow:
    848                 0 0 0 1px #4f94d4,
    849                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     845        box-shadow: 0 0 0 2px #3582c4;
     846        /* Only visible in Windows High Contrast mode */
     847        outline: 2px solid transparent;
    850848}
    851849
    852850.key-labels label {
    … …  
    14601458}
    14611459
    14621460.notice-dismiss:focus {
    1463         outline: none;
    1464         box-shadow:
    1465                 0 0 0 1px #4f94d4,
    1466                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1461        box-shadow: 0 0 0 2px #3582c4;
     1462        /* Only visible in Windows High Contrast mode */
     1463        outline: 2px solid transparent;
    14671464}
    14681465
    14691466.notice-success,
    … …  
    17651762
    17661763#screen-meta-links .show-settings:focus {
    17671764        border-color: #4f94d4;
    1768         box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     1765        box-shadow: 0 0 0 1px #3582c4;
     1766        /* Only visible in Windows High Contrast mode */
     1767        outline: 2px solid transparent;
    17691768}
    17701769
    17711770#screen-meta-links .show-settings:active {
    … …  
    21032102.postbox .handle-order-higher,
    21042103.postbox .handle-order-lower,
    21052104.postbox .handlediv {
    2106         width: 36px;
    2107         height: 36px;
     2105        width: 1.62rem;
     2106        height: 1.62rem;
    21082107        margin: 0;
    21092108        padding: 0;
    21102109        border: 0;
    … …  
    31463145.postbox .handle-order-higher:focus,
    31473146.postbox .handle-order-lower:focus,
    31483147.postbox .handlediv:focus {
    3149         box-shadow:
    3150                 0 0 0 1px #4f94d4,
    3151                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3148        box-shadow: inset 0 0 0 2px #3582c4;
     3149        border-radius: 50%;
    31523150        /* Only visible in Windows High Contrast mode */
    3153         outline: 1px solid transparent;
     3151        outline: 2px solid transparent;
    31543152}
    31553153
    31563154.postbox .handle-order-higher:focus .order-higher-indicator::before,
    … …  
    32493247[role="treeitem"] {
    32503248        outline: 0;
    32513249}
     3250
     3251[role="treeitem"] a:focus,
    32523252[role="treeitem"] .folder-label.focus {
    32533253        color: #043959;
    3254         box-shadow:
    3255                 0 0 0 1px #4f94d4,
    3256                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3254        /* Reset default focus style. */
     3255        box-shadow: none;
     3256        /* Use an inset outline instead, so it's visible also over the current file item. */
     3257        outline: 2px solid #3582c4;
     3258        outline-offset: -2px;
    32573259}
     3260
    32583261[role="treeitem"].hover,
    32593262[role="treeitem"] .folder-label.hover {
    32603263        background-color: #f0f0f1;
    … …  
    33963399        text-decoration: none;
    33973400}
    33983401
     3402#templateside li.current-file > a {
     3403        padding-bottom: 0;
     3404}
     3405
    33993406#templateside li:not(.howto) > a:first-of-type {
    34003407        padding-top: 0;
    34013408}
    … …  
    34813488.accordion-section-title:hover:after {
    34823489        color: #1d2327;
    34833490        /* Only visible in Windows High Contrast mode */
    3484         outline: 1px solid transparent;
     3491        outline: 2px solid transparent;
    34853492}
    34863493
    34873494.widget-top .widget-action:focus .toggle-indicator:before {
    3488         box-shadow:
    3489                 0 0 0 1px #4f94d4,
    3490                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     3495        box-shadow: 0 0 0 2px #3582c4;
     3496        /* Only visible in Windows High Contrast mode */
     3497        outline: 2px solid transparent;
    34913498}
    34923499
    34933500.control-section .accordion-section-title:after,

  • src/wp-admin/css/customize-controls.css

     
    15661566}
    15671567
    15681568.customize-control-header .choice:focus {
    1569         outline: none;
    1570         box-shadow:
    1571                 0 0 0 1px #4f94d4,
    1572                 0 0 3px 1px rgba(79, 148, 212, 0.8);
     1569        box-shadow: 0 0 0 2px #3582c4;
     1570        /* Only visible in Windows High Contrast mode */
     1571        outline: 2px solid transparent;
    15731572}
    15741573
    15751574.customize-control-header .uploaded div:last-child > .choice {
    … …  
    26792678
    26802679#available-widgets-filter .clear-results:focus,
    26812680#available-menu-items-search .clear-results:focus {
    2682         box-shadow:
    2683                 0 0 0 1px #4f94d4,
    2684                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     2681        box-shadow: 0 0 0 2px #3582c4;
     2682        /* Only visible in Windows High Contrast mode */
     2683        outline: 2px solid transparent;
    26852684}
    26862685
    26872686#available-menu-items-search .search-icon:after,

  • src/wp-admin/css/customize-nav-menus.css

     
    271271.customize-screen-options-toggle:focus,
    272272#customize-controls .customize-info .customize-help-toggle:focus {
    273273        /* Only visible in Windows High Contrast mode */
    274         outline: 1px solid transparent;
     274        outline: 2px solid transparent;
    275275}
    276276
    277277.customize-screen-options-toggle:before {
    … …  
    864864.menu-delete:focus,
    865865.menu-item-bar .item-delete:focus:before,
    866866#available-menu-items .item-add:focus:before {
    867         box-shadow:
    868                 0 0 0 1px #4f94d4,
    869                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     867        box-shadow: 0 0 0 2px #3582c4;
     868        /* Only visible in Windows High Contrast mode */
     869        outline: 2px solid transparent;
    870870}
    871871
    872872

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

     
    12931293}
    12941294
    12951295div.tabs-panel-active:focus {
    1296         box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
    1297         outline: 0 none;
     1296        box-shadow: inset 0 0 0 2px #3582c4;
     1297        /* Only visible in Windows High Contrast mode */
     1298        outline: 2px solid transparent;
    12981299}
    12991300
    13001301#front-page-warning,

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

     
    679679        border-color: #68de7c;
    680680}
    681681
     682#pass1:focus,
     683#pass1-text:focus {
     684        box-shadow: 0 0 0 2px #3582c4;
     685        /* Only visible in Windows High Contrast mode */
     686        outline: 2px solid transparent;
     687}
     688
    682689.pw-weak {
    683690        display: none;
    684691}

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

     
    2626
    2727a:focus {
    2828        color: #043959;
    29         box-shadow:
    30                 0 0 0 1px #4f94d4,
    31                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     29        box-shadow: 0 0 0 2px #3582c4;
     30        /* Only visible in Windows High Contrast mode */
     31        outline: 2px solid transparent;
    3232}
    3333
    3434h1, h2 {

  • src/wp-admin/css/list-tables.css

     
    261261}
    262262
    263263th .comment-grey-bubble {
    264         height: 16px;
    265264        width: 16px;
     265        /* Make sure the link clickable area fills the entire table header. */
     266        position: relative;
     267        top: 2px;
    266268}
    267269
    268270th .comment-grey-bubble:before {
    … …  
    343345
    344346.fixed .column-comments {
    345347        width: 5.5em;
    346         padding: 8px 0;
    347348        text-align: left;
    348349}
    349350
    … …  
    537538}
    538539
    539540.wp-list-table .toggle-row:focus:before {
    540         box-shadow:
    541                 0 0 0 1px #4f94d4,
    542                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     541        box-shadow: 0 0 0 2px #3582c4;
     542        /* Only visible in Windows High Contrast mode */
     543        outline: 2px solid transparent;
    543544}
    544545
    545546.wp-list-table .toggle-row:active {
    … …  
    650651        padding: 8px;
    651652}
    652653
    653 .fixed .column-comments.sortable a,
    654 .fixed .column-comments.sorted a {
    655         padding: 8px 0;
     654th.sortable a:focus,
     655th.sorted a:focus {
     656        box-shadow: inset 0 0 0 2px #3582c4;
     657        /* Only visible in Windows High Contrast mode */
     658        outline: 2px solid transparent;
    656659}
    657660
    658661th.sortable a span,

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

     
    3232
    3333a:focus {
    3434        color: #043959;
    35         box-shadow:
    36                 0 0 0 1px #4f94d4,
    37                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     35        box-shadow: 0 0 0 2px #3582c4;
     36        /* Only visible in Windows High Contrast mode */
     37        outline: 2px solid transparent;
    3838}
    3939
    4040p {

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

     
    356356}
    357357
    358358#find-posts-close:focus {
    359         box-shadow:
    360                 0 0 0 1px #4f94d4,
    361                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     359        box-shadow: 0 0 0 2px #3582c4;
    362360        /* Only visible in Windows High Contrast mode */
    363361        outline: 2px solid transparent;
    364362        outline-offset: -2px;
    … …  
    533531.media-frame.mode-grid .attachment:focus,
    534532.media-frame.mode-grid .selected.attachment:focus,
    535533.media-frame.mode-grid .attachment.details:focus {
    536         box-shadow:
    537                 inset 0 0 2px 3px #f0f0f1,
    538                 inset 0 0 0 7px #4f94d4;
     534        box-shadow: inset 0 0 0 2px #3582c4;
    539535        /* Only visible in Windows High Contrast mode */
    540536        outline: 2px solid transparent;
    541537        outline-offset: -6px;

  • src/wp-admin/css/nav-menus.css

     
    103103
    104104#nav-menu-bulk-actions-bottom {
    105105        margin: 1em 0;
    106         margin: calc( 1em + 9px ) 0 ; 
     106        margin: calc( 1em + 9px ) 0 ;
    107107}
    108108
    109109.bulk-actions input.button {
    … …  
    732732}
    733733
    734734.nav-menus-php .item-edit:focus:before {
    735         box-shadow:
    736                 0 0 0 1px #4f94d4,
    737                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     735        box-shadow: 0 0 0 2px #3582c4;
     736        /* Only visible in Windows High Contrast mode */
     737        outline: 2px solid transparent;
    738738}
    739739
    740740/* Menu editing */
    … …  
    991991
    992992@media only screen and (min-width: 783px) {
    993993    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
    994                
     994
    995995                #nav-menu-footer {
    996996                position: sticky;
    997997                                bottom: 0;

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

     
    176176}
    177177
    178178.theme-browser .theme .more-details:focus {
    179         box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
     179        box-shadow: 0 0 0 2px #3582c4;
    180180}
    181181
    182182.theme-browser .theme.focus {
    183         border-color: #4f94d4;
    184         box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
     183        border-color: #3582c4;
     184        box-shadow: 0 0 0 1px #3582c4;
     185        /* Only visible in Windows High Contrast mode */
     186        outline: 2px solid transparent;
    185187}
    186188
    187189.theme-browser .theme.focus .more-details {
    … …  
    15861588
    15871589.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
    15881590.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
    1589         box-shadow:
    1590                 0 0 0 1px #4f94d4,
    1591                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1591        box-shadow: 0 0 0 2px #3582c4;
     1592        /* Only visible in Windows High Contrast mode */
     1593        outline: 2px solid transparent;
    15921594}
    15931595
    15941596.wp-full-overlay .collapse-sidebar-label {

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

     
    336336}
    337337
    338338.sidebar-name .handlediv:focus .toggle-indicator:before {
    339         box-shadow:
    340                 0 0 0 1px #4f94d4,
    341                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     339        box-shadow: 0 0 0 2px #3582c4;
     340        /* Only visible in Windows High Contrast mode */
     341        outline: 2px solid transparent;
    342342}
    343343
    344344.sidebar-name h2,

  • src/wp-includes/css/buttons.css

     
    215215
    216216.wp-core-ui .button-link:focus {
    217217        color: #043959;
    218         box-shadow:
    219                 0 0 0 1px #4f94d4,
    220                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     218        box-shadow: 0 0 0 2px #3582c4;
    221219        /* Only visible in Windows High Contrast mode */
    222         outline: 1px solid transparent;
     220        outline: 2px solid transparent;
    223221}
    224222
    225223.wp-core-ui .button-link-delete {

  • src/wp-includes/css/editor.css

     
    8787
    8888.mce-window-head .mce-close:focus .mce-i-remove,
    8989div.mce-tab:focus {
    90         box-shadow: 0 0 0 1px #4f94d4,
    91                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     90        box-shadow: 0 0 0 2px #3582c4;
     91        /* Only visible in Windows High Contrast mode */
     92        outline: 2px solid transparent;
    9293}
    9394
    9495.mce-window .mce-window-head .mce-dragh {
    … …  
    635636
    636637.mce-menubar .mce-menubtn:focus {
    637638        color: #043959;
    638         box-shadow:
    639                 0 0 0 1px #4f94d4,
    640                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     639        box-shadow: 0 0 0 2px #3582c4;
     640        /* Only visible in Windows High Contrast mode */
     641        outline: 2px solid transparent;
    641642}
    642643
    643644div.mce-menu .mce-menu-item-sep,
    … …  
    11311132}
    11321133
    11331134.wp-switch-editor:focus {
    1134         box-shadow:
    1135                 0 0 0 1px #4f94d4,
    1136                 0 0 2px 1px rgba(79, 148, 212, 0.8);
    1137         outline: none;
     1135        box-shadow: 0 0 0 2px #3582c4;
     1136        /* Only visible in Windows High Contrast mode */
     1137        outline: 2px solid transparent;
    11381138        color: #1d2327;
    11391139}
    11401140
    … …  
    14451445}
    14461446
    14471447#wp-link-close:focus {
    1448         outline: none;
    1449         box-shadow:
    1450                 0 0 0 1px #4f94d4,
    1451                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     1448        box-shadow: 0 0 0 2px #3582c4;
    14521449        /* Only visible in Windows High Contrast mode */
    14531450        outline: 2px solid transparent;
    14541451        outline-offset: -2px;

  • src/wp-includes/css/jquery-ui-dialog.css

     
    312312}
    313313
    314314.ui-button.ui-dialog-titlebar-close:focus {
    315         box-shadow:
    316                 0 0 0 1px #4f94d4,
    317                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     315        box-shadow: 0 0 0 2px #3582c4;
    318316        /* Only visible in Windows High Contrast mode */
    319317        outline: 2px solid transparent;
    320318        outline-offset: -2px;

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

     
    4545}
    4646
    4747.media-frame a:focus {
    48         box-shadow:
    49                 0 0 0 1px #4f94d4,
    50                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     48        box-shadow: 0 0 0 2px #3582c4;
    5149        color: #043959;
    5250        /* Only visible in Windows High Contrast mode */
    53         outline: 1px solid transparent;
     51        outline: 2px solid transparent;
    5452}
    5553
    5654.media-frame a.button {
    … …  
    649647}
    650648
    651649.media-menu .media-menu-item:focus {
    652         box-shadow:
    653                 0 0 0 1px #4f94d4,
    654                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     650        box-shadow: 0 0 0 2px #3582c4;
    655651        color: #043959;
    656652        /* Only visible in Windows High Contrast mode */
    657         outline: 1px solid transparent;
     653        outline: 2px solid transparent;
    658654}
    659655
    660656.media-menu .separator {
    … …  
    704700}
    705701
    706702.media-router .media-menu-item:focus {
    707         box-shadow:
    708                 0 0 0 1px #4f94d4,
    709                 0 0 2px 1px rgba(79, 148, 212, 0.8);
     703        box-shadow: 0 0 0 2px #3582c4;
    710704        color: #043959;
    711705        /* Only visible in Windows High Contrast mode */
    712         outline: 1px solid transparent;
     706        outline: 2px solid transparent;
    713707}
    714708
    715709.media-router .active,
    … …  
    20172011
    20182012.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
    20192013        color: #2271b1;
    2020         border-color: #4f94d4;
    2021         box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
     2014        border-color: #3582c4;
     2015        box-shadow: 0 0 0 1px #3582c4;
    20222016        /* Only visible in Windows High Contrast mode */
    20232017        outline: 2px solid transparent;
    20242018}
    … …  
    21342128}
    21352129
    21362130.mejs-container:focus {
    2137         outline: 1px solid #4f94d4;
    2138         box-shadow: 0 0 2px 1px rgba(79, 148, 212, 0.8);
     2131        outline: 1px solid #3582c4;
     2132        box-shadow: 0 0 0 2px #3582c4;
    21392133}
    21402134
    21412135.image-details .media-modal {

  • src/wp-includes/css/wp-embed-template.css

     
    216216
    217217.wp-embed-share-dialog-open:focus .dashicons,
    218218.wp-embed-share-dialog-close:focus .dashicons {
    219         box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
     219        box-shadow: 0 0 0 2px #3582c4;
     220        /* Only visible in Windows High Contrast mode */
     221        outline: 2px solid transparent;
    220222        border-radius: 100%;
    221223}
    222224