sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Help/About: Fix tab display issues.

Browse Source 
This change restores About page tab heights and fixes bugs with the tab bottom border caused by [44905] and [45243].

Reviewed by SergeyBiryukov and desrosj.

Props ixkaito, ianbelanger, afercia, SergeyBiryukov.
See #46901.
Fixes #47075.

git-svn-id: https://develop.svn.wordpress.org/trunk@45276 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers 2019-05-02 10:36:02 +00:00
parent 62645be17e
commit f33df7cde4
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/wp-admin/css/about.css
View File

@ -111,6 +111,7 @@
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
font-size: 18px; font-size: 18px;
line-height: 1.33333333;
} }
/* 1.1 - Typography */ /* 1.1 - Typography */

2
src/wp-admin/css/colors/_admin.scss
View File

@ -130,7 +130,7 @@ input[type=radio]:checked:before {
/* Active tabs use a bottom border color that matches the page background color. */ /* Active tabs use a bottom border color that matches the page background color. */
.about-wrap h2 .nav-tab-active, .about-wrap .nav-tab-active,
.nav-tab-active, .nav-tab-active,
.nav-tab-active:hover { .nav-tab-active:hover {
background-color: $body-background; background-color: $body-background;

11
src/wp-admin/css/common.css
View File

@ -2171,7 +2171,7 @@ html.wp-toolbar {
margin-left: 0.5em; /* half the font size so set the font size properly */ margin-left: 0.5em; /* half the font size so set the font size properly */
padding: 5px 10px; padding: 5px 10px;
font-size: 14px; font-size: 14px;
line-height: 1.8; line-height: 1.71428571;
font-weight: 600; font-weight: 600;
background: #e5e5e5; background: #e5e5e5;
color: #555; color: #555;
@ -3999,10 +3999,17 @@ img {
h1 .nav-tab, h1 .nav-tab,
h2 .nav-tab, h2 .nav-tab,
h3 .nav-tab { h3 .nav-tab,
nav .nav-tab {
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
border-bottom: 1px solid #ccc;
}
} }
@media screen and (max-width: 320px) { @media screen and (max-width: 320px) {