Changeset 45522 for trunk

Timestamp:

06/12/2019 07:30:49 PM (6 years ago)

Author:

afercia

Message:

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

Props dkarfa, davidbaumwald, Clorith, tinkerbelly, afercia.
Fixes #46881.

File:

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

trunk/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 */
 }