Changeset 46350

Timestamp:

09/30/2019 10:52:36 AM (7 years ago)

Author:

afercia

Message:

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

Props Joen.
See #34904.

Location:

trunk/src

Files:

• wp-admin/css/customize-controls.css (modified) (1 diff)
• wp-includes/css/buttons.css (modified) (3 diffs)
• wp-includes/css/jquery-ui-dialog.css (modified) (1 diff)
• wp-includes/functions.php (modified) (1 diff)

trunk/src/wp-admin/css/customize-controls.css

@@ -1803 +1803 @@
         border-color: #999;
         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-        transform: translateY(1px);
 }
 

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

@@ -160 +160 @@
         background: #f3f5f6;
         border-color: #7e8993;
-        transform: translateY(1px);
         box-shadow: none;
 }
@@ -266 +265 @@
         background: #00669b;
         border-color: #00669b;
-        transform: translateY(1px);
         box-shadow: none;
 }
@@ -321 +319 @@
         box-shadow: inset 0 1px 0 0 #999;
         border-color: #016087;
-}
-
-.wp-core-ui .button-group > .button:active,
-.wp-core-ui .button-group > .button.active {
-        transform: translateY(0);
 }
 

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

@@ -229 +229 @@
         border-color: #999;
         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-        transform: translateY(1px);
 }
 

trunk/src/wp-includes/functions.php

@@ -3380 +3380 @@
                         -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);
                 }