Changeset 39186

Timestamp:

11/09/2016 08:54:41 PM (8 years ago)

Author:

westonruter

Message:

Customize: Eliminate use of flexbox for edit shortcuts.

Props sirbrillig.
See #27403.
Fixes #38660.

File:

• trunk/src/wp-includes/css/customize-preview.css (modified) (2 diffs)

trunk/src/wp-includes/css/customize-preview.css

@@ -32 +32 @@
 .widget .customize-partial-edit-shortcut button:active,
 .customize-partial-edit-shortcut button:active {
-    padding: 0;
-    border: 0;
+    padding: 3px;
+    border: 1px solid #0085ba;
 }
 
@@ -56 +56 @@
     box-shadow: 0 2px 1px rgba(46,68,83,0.15);
     text-align: center;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -moz-box-orient: horizontal;
-    -moz-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -moz-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -moz-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
     cursor: pointer;
-    padding: 0;
+    box-sizing: border-box;
+    padding: 3px;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;