Make WordPress Core

Ticket #34904: 34904-pixelshift-and-transition.5.diff

File 34904-pixelshift-and-transition.5.diff, 1.1 KB (added by Joen, 5 years ago)

Patch to remove 1px pixel-shift and add a transition to borders to match form fields.

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

    diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css
    index bea7873ecb..411b37be94 100644
    a b TABLE OF CONTENTS: 
    5757        border-radius: 3px;
    5858        white-space: nowrap;
    5959        box-sizing: border-box;
     60        transition: box-shadow 0.1s linear;
    6061}
    6162
    6263/* Remove the dotted border on :focus and the extra padding in Firefox */
    TABLE OF CONTENTS: 
    159160.wp-core-ui .button-secondary:active {
    160161        background: #f3f5f6;
    161162        border-color: #7e8993;
    162         transform: translateY(1px);
    163163        box-shadow: none;
    164164}
    165165
    TABLE OF CONTENTS: 
    265265.wp-core-ui .button-primary:active {
    266266        background: #00669b;
    267267        border-color: #00669b;
    268         transform: translateY(1px);
    269268        box-shadow: none;
    270269}
    271270
    TABLE OF CONTENTS: 
    322321        border-color: #016087;
    323322}
    324323
    325 .wp-core-ui .button-group > .button:active,
    326 .wp-core-ui .button-group > .button.active {
    327         transform: translateY(0);
    328 }
    329 
    330324/* ----------------------------------------------------------------------------
    331325  5.0 - Responsive Button Styles
    332326---------------------------------------------------------------------------- */