Skip to content
Permalink
Browse files

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
  • Loading branch information...
afercia committed Sep 30, 2019
1 parent 0e26adb commit 9288beb7b541dc3e286329a8760d94e9569b5770
@@ -1802,7 +1802,6 @@ p.customize-section-description {
background: #eee;
border-color: #999;
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 {
@@ -159,7 +159,6 @@ TABLE OF CONTENTS:
.wp-core-ui .button-secondary:active {
background: #f3f5f6;
border-color: #7e8993;
transform: translateY(1px);
box-shadow: none;
}

@@ -265,7 +264,6 @@ TABLE OF CONTENTS:
.wp-core-ui .button-primary:active {
background: #00669b;
border-color: #00669b;
transform: translateY(1px);
box-shadow: none;
}

@@ -322,11 +320,6 @@ TABLE OF CONTENTS:
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
---------------------------------------------------------------------------- */
@@ -228,7 +228,6 @@
background: #eee;
border-color: #999;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
}

.ui-button[disabled],
@@ -3379,9 +3379,6 @@ function _default_wp_die_handler( $message, $title = '', $args = array() ) {
border-color: #999;
-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);
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
<?php

0 comments on commit 9288beb

Please sign in to comment.
You can’t perform that action at this time.