Administration: Improve the horizontal centering of the Site Health tabs.
Props dkarfa, davidbaumwald, Clorith, tinkerbelly, afercia. Fixes #46881. git-svn-id: https://develop.svn.wordpress.org/trunk@45522 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
7bd553f13b
commit
2b919ee051
|
@ -108,8 +108,18 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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 {
|
.health-check-tab {
|
||||||
display: inline-block;
|
display: block; /* IE 11 */
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
padding: 0.5rem 1rem 1rem;
|
padding: 0.5rem 1rem 1rem;
|
||||||
|
@ -117,6 +127,14 @@
|
||||||
transition: box-shadow 0.5s ease-in-out;
|
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 */
|
||||||
|
}
|
||||||
|
|
||||||
.health-check-tab:focus {
|
.health-check-tab:focus {
|
||||||
color: #191e23;
|
color: #191e23;
|
||||||
outline: 1px solid #6c7781;
|
outline: 1px solid #6c7781;
|
||||||
|
|
Loading…
Reference in New Issue