Changeset 46350

Timestamp:

09/30/2019 10:52:36 AM (5 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);
         }