WordPress.org

Make WordPress Core

Ticket #28267: 28267.6.patch

File 28267.6.patch, 11.8 KB (added by iseulde, 6 years ago)

  • src/wp-admin/css/color-picker.css

     
    4747        box-shadow: inset 0 1px 0 #fff;
    4848}
    4949
    50 .wp-color-result:hover {
     50.wp-color-result:hover,
     51.wp-color-result:focus {
    5152        background: #fafafa;
    5253        border-color: #999;
    5354        color: #222;
    5455}
    5556
    56 .wp-color-result:hover:after {
     57.wp-color-result:hover:after,
     58.wp-color-result:focus:after {
    5759        color: #222;
    5860        border-color: #aaa;
    5961        border-left: 1px solid #999;
    … …  
    7375}
    7476
    7577.wp-color-result:focus {
    76         border-color: #888;
    77         -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
    78         box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
    79 }
    80 
    81 .wp-color-result:focus:after {
    82         border-color: #888;
     78        -webkit-box-shadow:
     79                0 0 0 1px #5b9dd9,
     80                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     81        box-shadow:
     82                0 0 0 1px #5b9dd9,
     83                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    8384}
    8485
    8586.wp-picker-open + .wp-picker-input-wrap {

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

     
    13821382        color: #333;
    13831383}
    13841384
    1385 #screen-meta-links a:focus {
    1386         border-color: #aaa;
    1387         -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    1388         box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    1389 }
    1390 
    13911385#screen-meta-links a.show-settings {
    13921386        display: block;
    13931387        font-size: 13px;

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

     
    469469.menu-item-bar .menu-item-handle {
    470470        border: 1px solid #dfdfdf;
    471471        position: relative;
    472         padding: 10px 15px;
     472        padding: 10px 30px 10px 15px;
    473473        height: auto;
    474         width: 382px;
     474        width: 377px;
    475475        line-height: 30px;
    476         overflow: hidden;
    477476        word-wrap: break-word;
    478477}
    479478
    … …  
    578577.item-controls {
    579578        font-size: 12px;
    580579        position: absolute;
    581         right: 20px;
    582         top: -1px;
     580        right: 30px;
     581        top: 0;
    583582}
    584583
    585584.item-controls a {
    … …  
    596595
    597596.nav-menus-php .item-edit {
    598597        position: absolute;
    599         right: -20px;
     598        right: -30px;
    600599        top: 0;
    601600        display: block;
    602601        width: 30px;
    … …  
    616615.menu-item-settings {
    617616        display: block;
    618617        width: 402px;
    619         padding: 10px 0 10px 10px;
     618        padding: 10px;
    620619        position: relative;
    621620        z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
    622621        border: 1px solid #e5e5e5;

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

     
    188188        -webkit-transition: opacity 0.1s ease-in-out;
    189189        transition: opacity 0.1s ease-in-out;
    190190}
     191
    191192.theme-browser .theme:focus {
    192         outline: 1px dotted #222;
     193        border-color: #5b9dd9;
     194        -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
     195        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    193196}
    194197
    195198.theme-browser .theme:focus .more-details {
    196199        opacity: 1;
    197200}
     201
    198202/* Current theme needs to have its action always on view */
    199203.theme-browser .theme.active:focus .theme-actions {
    200204        display: block;

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

     
    7575.wp-core-ui .button.button-large,
    7676.wp-core-ui .button-group.button-large .button {
    7777        height: 30px;
    78     line-height: 28px;
    79     padding: 0 12px 2px;
     78        line-height: 28px;
     79        padding: 0 12px 2px;
    8080}
    8181
    8282.wp-core-ui .button.button-small,
    … …  
    129129        background: #f7f7f7;
    130130        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    131131        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    132         vertical-align: top;
     132        vertical-align: top;
    133133}
    134134
    135135.wp-core-ui p .button {
    … …  
    152152.wp-core-ui .button-secondary:focus {
    153153        -webkit-box-shadow:
    154154                0 0 0 1px #5b9dd9,
    155                 0 0 2px 1px rgba(30, 140, 190, .8);
     155                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    156156        box-shadow:
    157157                0 0 0 1px #5b9dd9,
    158                 0 0 2px 1px rgba(30, 140, 190, .8);
     158                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    159159}
    160160
    161161.wp-core-ui .button.active,
    … …  
    165165        background: #eee;
    166166        border-color: #999;
    167167        color: #333;
    168         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    169         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     168        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     169        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    170170}
    171171
    172172.wp-core-ui .button.active:focus {
    173173        -webkit-box-shadow:
    174174                inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
    175175                0 0 0 1px #5b9dd9,
    176                 0 0 2px 1px rgba(30, 140, 190, .8);
     176                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    177177        box-shadow:
    178178                inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
    179179                0 0 0 1px #5b9dd9,
    180                 0 0 2px 1px rgba(30, 140, 190, .8);
     180                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    181181}
    182182
    183183.wp-core-ui .button[disabled],
    … …  
    203203.wp-core-ui .button-primary {
    204204        background: #2ea2cc;
    205205        border-color: #0074a2;
    206         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    207         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    208         color: #fff;
     206        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     207        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     208        color: #fff;
    209209        text-decoration: none;
    210210}
    211211
    … …  
    215215.wp-core-ui .button-primary:focus {
    216216        background: #1e8cbe;
    217217        border-color: #0074a2;
    218         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    219         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     218        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     219        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    220220        color: #fff;
    221221}
    222222
    … …  
    226226        -webkit-box-shadow:
    227227                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    228228                0 0 0 1px #5b9dd9,
    229                 0 0 2px 1px rgba(30, 140, 190, .8);
     229                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    230230        box-shadow:
    231231                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    232232                0 0 0 1px #5b9dd9,
    233                 0 0 2px 1px rgba(30, 140, 190, .8);
     233                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    234234}
    235235
    236236.wp-core-ui .button-primary.active,
    … …  
    240240        background: #1b7aa6;
    241241        border-color: #005684;
    242242        color: rgba( 255, 255, 255, 0.95 );
    243         -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
    244         box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
    245         vertical-align: top;
     243        -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     244        box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     245        vertical-align: top;
    246246}
    247247
    248248.wp-core-ui .button-primary[disabled],

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

     
    414414        -webkit-border-radius: 3px;
    415415        border-radius: 3px;
    416416        white-space: nowrap;
    417         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    418         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     417        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     418        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    419419        background-image: none;
    420420}
    421421
    … …  
    427427        padding: 0;
    428428}
    429429
    430 .mce-window .mce-btn:hover {
     430.mce-window .mce-btn:hover,
     431.mce-window .mce-btn:focus {
    431432        background: #fafafa;
    432433        border-color: #999;
    433434        color: #222;
    434435}
    435436
    436437.mce-window .mce-btn:focus {
    437         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    438         box-shadow: 1px 1px 1px rgba(0,0,0,.2);
     438        -webkit-box-shadow:
     439                0 0 0 1px #5b9dd9,
     440                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     441        box-shadow:
     442                0 0 0 1px #5b9dd9,
     443                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    439444}
    440445
    441446.mce-window .mce-btn:active {
    442447        background: #eee;
    443448        border-color: #999;
    444449        color: #333;
    445         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    446         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     450        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     451        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    447452}
    448453
    449454.mce-window .mce-btn.mce-disabled {
    450455        color: #aaa;
    451456        border-color: #ddd;
     457        background: #f7f7f7;
    452458        -webkit-box-shadow: none;
    453459        box-shadow: none;
    454460        text-shadow: 0 1px 0 #fff;
    … …  
    458464.mce-window .mce-btn.mce-primary {
    459465        background: #2ea2cc;
    460466        border-color: #0074a2;
    461         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    462         box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
     467        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     468        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    463469        color: #fff;
    464470        text-decoration: none;
    465471}
    466472
    467 .mce-window .mce-btn.mce-primary:hover {
     473.mce-window .mce-btn.mce-primary:hover,
     474.mce-window .mce-btn.mce-primary:focus {
    468475        background: #1e8cbe;
    469476        border-color: #0074a2;
    470         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    471         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     477        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     478        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    472479        color: #fff;
    473480}
    474481
    475482.mce-window .mce-btn.mce-primary:focus {
    476483        border-color: #0e3950;
    477         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    478         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
     484        -webkit-box-shadow:
     485                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
     486                0 0 0 1px #5b9dd9,
     487                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     488        box-shadow:
     489                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
     490                0 0 0 1px #5b9dd9,
     491                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    479492}
    480493
    481494.mce-window .mce-btn.mce-primary:active {
    482495        background: #1b7aa6;
    483496        border-color: #005684;
    484         color: rgba(255,255,255,0.95);
    485         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    486         box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     497        color: rgba( 255, 255, 255, 0.95 );
     498        -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     499        box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     500        vertical-align: top;
    487501}
    488502
    489503.mce-window .mce-btn.mce-primary.mce-disabled {
    490504        color: #94cde7;
    491505        background: #298cba;
    492506        border-color: #1b607f;
    493         text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     507        -webkit-box-shadow: none;
     508        box-shadow: none;
     509        text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
     510        cursor: default;
    494511}
    495512
    496513.mce-menubtn.mce-fixed-width button span {

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

     
    181181        color: #555;
    182182        border-color: #cccccc;
    183183        background: #f7f7f7;
    184         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    185         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     184        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     185        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    186186        vertical-align: top;
    187187}
    188188
     189.ui-button:active,
     190.ui-button:focus {
     191        outline: none;
     192}
     193
    189194/* Remove the dotted border on :focus and the extra padding in Firefox */
    190195.ui-button::-moz-focus-inner {
    191196        border-width: 1px 0;
    … …  
    194199        padding: 0;
    195200}
    196201
    197 .ui-button:hover {
     202.ui-button:hover,
     203.ui-button:focus {
    198204        background: #fafafa;
    199205        border-color: #999;
    200206        color: #222;
    201207}
    202208
    203209.ui-button:focus {
    204         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    205         box-shadow: 1px 1px 1px rgba(0,0,0,.2);
     210        -webkit-box-shadow:
     211                0 0 0 1px #5b9dd9,
     212                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     213        box-shadow:
     214                0 0 0 1px #5b9dd9,
     215                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    206216}
    207217
    208218.ui-button:active {
    209219        background: #eee;
    210220        border-color: #999;
    211221        color: #333;
    212         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    213         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    214         outline: none;
     222        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     223        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    215224}
    216225
    217226.ui-button[disabled],