From 9288beb7b541dc3e286329a8760d94e9569b5770 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Mon, 30 Sep 2019 10:52:36 +0000
Subject: [PATCH] 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
---
 src/wp-admin/css/customize-controls.css  | 1 -
 src/wp-includes/css/buttons.css          | 7 -------
 src/wp-includes/css/jquery-ui-dialog.css | 1 -
 src/wp-includes/functions.php            | 3 ---
 4 files changed, 12 deletions(-)

diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index a83b6fff09..36fd31ec02 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -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 {
diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css
index bea7873ecb..2ce245a09d 100644
--- a/src/wp-includes/css/buttons.css
+++ b/src/wp-includes/css/buttons.css
@@ -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
 ---------------------------------------------------------------------------- */
diff --git a/src/wp-includes/css/jquery-ui-dialog.css b/src/wp-includes/css/jquery-ui-dialog.css
index 6908a8bdcc..5992d7993b 100644
--- a/src/wp-includes/css/jquery-ui-dialog.css
+++ b/src/wp-includes/css/jquery-ui-dialog.css
@@ -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],
diff --git a/src/wp-includes/functions.php b/src/wp-includes/functions.php
index c49b0e0e7e..717da22699 100644
--- a/src/wp-includes/functions.php
+++ b/src/wp-includes/functions.php
@@ -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