Changeset 45522 for trunk

Timestamp:

06/12/2019 07:30:49 PM (7 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 */
 }