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 {
|
||||
display: inline-block;
|
||||
display: block; /* IE 11 */
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
padding: 0.5rem 1rem 1rem;
|
||||
|
@ -117,6 +127,14 @@
|
|||
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 {
|
||||
color: #191e23;
|
||||
outline: 1px solid #6c7781;
|
||||
|
|
Loading…
Reference in New Issue