Accessibility: Improve and modernize user interface controls: Remove the CSS transform 1 pixel shift from the buttons active state.

Props Joen.
See #34904.


git-svn-id: https://develop.svn.wordpress.org/trunk@46350 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2019-09-30 10:52:36 +00:00
parent 0e26adbaea
commit 9288beb7b5
4 changed files with 0 additions and 12 deletions

View File

@ -1802,7 +1802,6 @@ p.customize-section-description {
background: #eee; background: #eee;
border-color: #999; border-color: #999;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
} }
.themes-filter-bar .feature-filter-toggle .filter-count-filters { .themes-filter-bar .feature-filter-toggle .filter-count-filters {

View File

@ -159,7 +159,6 @@ TABLE OF CONTENTS:
.wp-core-ui .button-secondary:active { .wp-core-ui .button-secondary:active {
background: #f3f5f6; background: #f3f5f6;
border-color: #7e8993; border-color: #7e8993;
transform: translateY(1px);
box-shadow: none; box-shadow: none;
} }
@ -265,7 +264,6 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #00669b; background: #00669b;
border-color: #00669b; border-color: #00669b;
transform: translateY(1px);
box-shadow: none; box-shadow: none;
} }
@ -322,11 +320,6 @@ TABLE OF CONTENTS:
border-color: #016087; border-color: #016087;
} }
.wp-core-ui .button-group > .button:active,
.wp-core-ui .button-group > .button.active {
transform: translateY(0);
}
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------
5.0 - Responsive Button Styles 5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */ ---------------------------------------------------------------------------- */

View File

@ -228,7 +228,6 @@
background: #eee; background: #eee;
border-color: #999; border-color: #999;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
} }
.ui-button[disabled], .ui-button[disabled],

View File

@ -3379,9 +3379,6 @@ function _default_wp_die_handler( $message, $title = '', $args = array() ) {
border-color: #999; border-color: #999;
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
} }
<?php <?php