Changeset 45523

Timestamp:

06/12/2019 07:35:20 PM (4 years ago)

Author:

afercia

Message:

Administration: Improve the horizontal centering of the Site Health tabs.

Props dkarfa, davidbaumwald, Clorith, tinkerbelly, afercia.
Merges [45522] to the 5.2 branch.
Fixes #46881 for 5.2.2.

Location:

branches/5.2

Files:

• . (modified) (1 prop)
• src/wp-admin/css/site-health.css (modified) (2 diffs)

branches/5.2/src/wp-admin/css/site-health.css

@@ -109 +109 @@
 }
 
+.health-check-tabs-wrapper {
+    /* IE 11 */
+    display: -ms-inline-grid;
+    -ms-grid-columns: 1fr 1fr;
+    vertical-align: top;
+    /* modern browsers */
+    display: inline-grid;
+    grid-template-columns: 1fr 1fr;
+}
+
 .health-check-tab {
-    display: inline-block;
+    display: block; /* IE 11 */
     text-decoration: none;
     color: inherit;
@@ -116 +126 @@
     margin: 0 1rem;
     transition: box-shadow 0.5s ease-in-out;
+}
+
+.health-check-tab:nth-child(1) {
+    -ms-grid-column: 1; /* IE 11 */
+}
+
+.health-check-tab:nth-child(2) {
+    -ms-grid-column: 2; /* IE 11 */
 }