Administration: Standardize form control height and alignment across the admin.

This improves the appearance of various form controls in the admin and addresses some visual inconsistencies in WordPress 5.3.

Props afercia, audrasjb, jameskoster, GDragoN, azaozz, michaelarestad, murgroland, SamuelFernandez, chetan200891, veminom, dlh.
Fixes #48420.

git-svn-id: https://develop.svn.wordpress.org/trunk@46866 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov
2019-12-09 20:24:17 +00:00
parent bdca31b322
commit f090f8528c
9 changed files with 125 additions and 117 deletions

View File

@@ -46,8 +46,8 @@ TABLE OF CONTENTS:
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 2;
min-height: 28px;
line-height: 2.15384615; /* 28px */
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
@@ -71,15 +71,15 @@ TABLE OF CONTENTS:
.wp-core-ui .button.button-large,
.wp-core-ui .button-group.button-large .button {
min-height: 30px;
line-height: 2.15384615;
padding: 0 12px 2px;
min-height: 32px;
line-height: 2.30769231; /* 30px */
padding: 0 12px;
}
.wp-core-ui .button.button-small,
.wp-core-ui .button-group.button-small .button {
min-height: 24px;
line-height: 2;
min-height: 26px;
line-height: 2.18181818; /* 24px */
padding: 0 8px;
font-size: 11px;
}
@@ -349,11 +349,11 @@ TABLE OF CONTENTS:
input#publish,
input#save-post,
a.preview {
padding: 1px 14px;
line-height: 2;
padding: 0 14px;
line-height: 2.71428571; /* 38px */
font-size: 14px;
vertical-align: middle;
height: auto;
min-height: 40px;
margin-bottom: 4px;
}
@@ -377,10 +377,9 @@ TABLE OF CONTENTS:
/* Reset responsive styles in Press This, Customizer */
.wp-core-ui.wp-customizer .button {
padding: 0 10px 1px;
font-size: 13px;
line-height: 2;
min-height: 28px;
line-height: 2.15384615; /* 28px */
min-height: 30px;
margin: 0;
vertical-align: inherit;
}

View File

@@ -1201,9 +1201,10 @@ i.mce-i-wp_code:before {
.wp-media-buttons span.wp-media-buttons-icon {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: text-top;
width: 20px;
height: 20px;
line-height: 1;
vertical-align: middle;
margin: 0 2px;
}
@@ -1776,7 +1777,9 @@ div.wp-link-input input {
width: 300px;
padding: 3px;
box-sizing: border-box;
line-height: 1.28571429;
line-height: 1.28571429; /* 18px */
/* Override value inherited from default input fields. */
min-height: 26px;
}
.mce-toolbar div.wp-link-preview ~ .mce-btn,

View File

@@ -73,7 +73,7 @@
.media-frame select,
.wp-admin .media-frame select {
min-height: 28px;
min-height: 30px;
vertical-align: middle;
}
@@ -120,6 +120,12 @@
line-height: 2.15384615; /* 28px */
}
/* Search field in the Media Library toolbar */
.media-frame.mode-grid .wp-filter input[type="search"] {
font-size: 14px;
line-height: 2;
}
.media-frame input[type="text"]:focus,
.media-frame input[type="password"]:focus,
.media-frame input[type="number"]:focus,