<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[46866] trunk/src: Administration: Standardize form control height and alignment across the admin.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/46866">46866</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/46866","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>SergeyBiryukov</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-12-09 20:24:17 +0000 (Mon, 09 Dec 2019)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>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 <a href="https://core.trac.wordpress.org/ticket/48420">#48420</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadmincsscolorpickercss">trunk/src/wp-admin/css/color-picker.css</a></li>
<li><a href="#trunksrcwpadmincsscommoncss">trunk/src/wp-admin/css/common.css</a></li>
<li><a href="#trunksrcwpadmincsscustomizecontrolscss">trunk/src/wp-admin/css/customize-controls.css</a></li>
<li><a href="#trunksrcwpadmincssformscss">trunk/src/wp-admin/css/forms.css</a></li>
<li><a href="#trunksrcwpadmincsslisttablescss">trunk/src/wp-admin/css/list-tables.css</a></li>
<li><a href="#trunksrcwpadmincssthemescss">trunk/src/wp-admin/css/themes.css</a></li>
<li><a href="#trunksrcwpincludescssbuttonscss">trunk/src/wp-includes/css/buttons.css</a></li>
<li><a href="#trunksrcwpincludescsseditorcss">trunk/src/wp-includes/css/editor.css</a></li>
<li><a href="#trunksrcwpincludescssmediaviewscss">trunk/src/wp-includes/css/media-views.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadmincsscolorpickercss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/color-picker.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/color-picker.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-admin/css/color-picker.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Needs higher specificiity. */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-container .wp-color-result.button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 6px 6px 0px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 0 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 11px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,7 +22,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2.36363636; /* 26px */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.54545455; /* 28px */
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,7 +73,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-input-wrap .button.wp-picker-default,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 6px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 2px 8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 8px;
+ line-height: 2.54545455; /* 28px */
+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,14 +89,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-container input[type="text"].wp-color-picker {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 65px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 4rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: monospace;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.33333333; /* 16px */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.33333333; /* 28px */
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 5px;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-color-picker::-webkit-input-placeholder {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -132,26 +134,38 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-container input[type="text"].wp-color-picker {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 80px;
- padding: 6px 5px 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.15;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.875; /* 30px */
+ min-height: 32px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 5px 5px 4px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 5px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-picker-input-wrap .button.wp-picker-default {
+ padding: 0 8px;
+ line-height: 2.14285714; /* 30px */
+ min-height: 32px;
+ }
+
+ .wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
+ padding: 0 8px;
+ font-size: 14px;
+ line-height: 2.14285714; /* 30px */
+ min-height: 32px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-container .wp-color-result.button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: auto;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 0 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.14285714; /* 30px */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-customizer .wp-picker-container .wp-color-result.button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 13px;
- line-height: 2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 14px;
+ line-height: 2.14285714; /* 30px */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-picker-container .wp-color-result-text {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -164,14 +178,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-@media screen and (max-width: 640px) {
- .wp-customizer .wp-picker-container .wp-color-result.button {
- font-size: 14px;
- line-height: 2.1;
- }
-
- .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
- padding: 6px 5px;
- }
-}
</del></span></pre></div>
<a id="trunksrcwpadmincsscommoncss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/common.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/common.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-admin/css/common.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -924,11 +924,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #delete-action {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.30769231; /* 30px */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #delete-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.30769231; /* 30px */
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 8px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -945,7 +945,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #publishing-action .spinner {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: none;
+ margin-top: 5px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #misc-publishing-actions {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1086,12 +1087,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-filter .search-form input[type="search"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 280px;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: inherit;
- /* inherits font size 13px */
- line-height: 2.15384615; /* 28px */
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-filter .search-form select {
</span></span></pre></div>
<a id="trunksrcwpadmincsscustomizecontrolscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/customize-controls.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/customize-controls.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-admin/css/customize-controls.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -159,6 +159,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body:not(.ready) #publish-settings,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -912,12 +913,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.customize-control select,
-.customize-control input[type="radio"],
-.customize-control input[type="checkbox"] {
- line-height: 2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .customize-control input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> .customize-control input[type="password"],
</span><span class="cx" style="display: block; padding: 0 10px"> .customize-control input[type="email"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -940,8 +935,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .customize-control select {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 28px;
- line-height: 2;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .customize-control select[multiple] {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2871,17 +2864,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui.wp-customizer .button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 6px 14px;
- line-height: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 30px;
+ padding: 0 14px;
+ line-height: 2;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: auto;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- #publish-settings {
- height: 31px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> #customize-control-changeset_status .customize-inside-control-row {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 15px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpadmincssformscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/forms.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/forms.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-admin/css/forms.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,7 +28,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 1px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> textarea.code {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -308,48 +308,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ------------------------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Select styles are based on the default button in buttons.css */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select {
- font-size: 13px;
- line-height: 1.38461538; /* 18px */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select {
+ font-size: 14px;
+ line-height: 2; /* 28px */
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #32373c;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #7e8993;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 3px 24px 3px 8px;
- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 24px 0 8px;
+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 25rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- vertical-align: middle;
</del><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> /* The SVG is arrow-down-alt2 from Dashicons. */
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: 16px 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ vertical-align: middle;
+}e
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Color and font size in the core form tables. */
-.wp-admin .form-table select {
- font-size: 14px;
- line-height: 1.28571428; /* 18px */
- color: #32373c;
-}
-
-.wp-admin select:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #007cba;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #007cba;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #016087;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 1px #007cba;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #999;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select.disabled,
-.wp-admin select:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #a0a5aa;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ddd;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #f7f7f7;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -363,32 +356,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Reset Firefox inner outline that appears on :focus. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 0 0 #016087;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Remove background focus style from IE11 while keeping focus style available on option elements. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select::-ms-value {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select::-ms-value {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select:hover::-ms-value {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select:hover::-ms-value {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #007cba;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select:focus::-ms-value {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select:focus::-ms-value {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #016087;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select.disabled::-ms-value,
-.wp-admin select:disabled::-ms-value {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #a0a5aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Hide the native down arrow for select element on IE. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select::-ms-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select::-ms-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -407,7 +400,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin select[multiple] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui select[multiple] {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,16 +477,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #doaction,
</span><span class="cx" style="display: block; padding: 0 10px"> #doaction2,
</span><span class="cx" style="display: block; padding: 0 10px"> #post-query-submit {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1px 8px 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 8px 0 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
- margin-top: 1px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .tablenav .actions select {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 6px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -508,6 +494,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-cancel-pw > .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 3px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 1.25rem;
+ height: 1.25rem;
+ top: 0.25rem;
+ font-size: 20px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-cancel-pw .dashicons-no {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -601,11 +591,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-pwd [type="password"] {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Same height as the buttons */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 20px;
- min-height: 28px;
- max-height: 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #pass1-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .show-password #pass1 {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1325,6 +1318,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="week"] {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3px 10px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only necessary for IE11 */
+ min-height: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-datetime-edit {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1376,7 +1371,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-admin select,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-core-ui select,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-admin .form-table select {
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1526,6 +1521,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .background-position-control .button-group > label {
+ font-size: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .form-table fieldset label {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1561,10 +1560,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 2.375rem;
+ height: 2.375rem;
+ min-width: 40px;
+ min-height: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-pwd button.wp-hide-pw {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: 2.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-pwd button.button:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1585,6 +1588,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-pwd [type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-pwd [type="password"] {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-cancel-pw .dashicons-no {
</span></span></pre></div>
<a id="trunksrcwpadmincsslisttablescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/list-tables.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/list-tables.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-admin/css/list-tables.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -638,6 +638,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 6px 0 4px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: 5px;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -647,7 +648,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .tablenav .tablenav-pages {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 3px 0 9px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 9px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .tablenav .no-pages,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -659,12 +660,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .tablenav .tablenav-pages .tablenav-pages-navspan {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-width: 28px;
- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-width: 30px;
+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.625; /* 26px */
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -678,8 +679,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .tablenav .actions {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- overflow: hidden;
- padding: 2px 8px 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 8px 0 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-filter .actions {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1034,11 +1034,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset input[name=hh],
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset input[name=mn],
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset input[name=aa] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 12px;
- line-height: 1.16666666;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 6px 4px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset label input.inline-edit-password-input {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1952,6 +1950,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .inline-edit-row fieldset input[name=jj],
+ .inline-edit-row fieldset input[name=hh],
+ .inline-edit-row fieldset input[name=mn],
+ .inline-edit-row fieldset input[name=aa] {
+ font-size: 16px;
+ line-height: 2;
+ padding: 3px 4px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset ul.cat-checklist label,
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row #bulk-titles div {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span></span></pre></div>
<a id="trunksrcwpadmincssthemescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/themes.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/themes.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-admin/css/themes.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,7 +34,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> left: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 280px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: inherit;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Position admin messages */
</span></span></pre></div>
<a id="trunksrcwpincludescssbuttonscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/buttons.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/buttons.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-includes/css/buttons.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -46,8 +46,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2;
- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.15384615; /* 28px */
+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,15 +71,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.button-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button-group.button-large .button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-height: 30px;
- line-height: 2.15384615;
- padding: 0 12px 2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 32px;
+ line-height: 2.30769231; /* 30px */
+ padding: 0 12px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.button-small,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button-group.button-small .button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-height: 24px;
- line-height: 2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 26px;
+ line-height: 2.18181818; /* 24px */
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 11px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -349,11 +349,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input#publish,
</span><span class="cx" style="display: block; padding: 0 10px"> input#save-post,
</span><span class="cx" style="display: block; padding: 0 10px"> a.preview {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 1px 14px;
- line-height: 2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 14px;
+ line-height: 2.71428571; /* 38px */
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -377,10 +377,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Reset responsive styles in Press This, Customizer */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui.wp-customizer .button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 10px 1px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2;
- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.15384615; /* 28px */
+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpincludescsseditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/editor.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-includes/css/editor.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1201,9 +1201,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-media-buttons span.wp-media-buttons-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 18px;
- height: 18px;
- vertical-align: text-top;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 20px;
+ height: 20px;
+ line-height: 1;
+ vertical-align: middle;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1776,7 +1777,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 300px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.28571429;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.28571429; /* 18px */
+ /* Override value inherited from default input fields. */
+ min-height: 26px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .mce-toolbar div.wp-link-preview ~ .mce-btn,
</span></span></pre></div>
<a id="trunksrcwpincludescssmediaviewscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/media-views.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/media-views.css 2019-12-09 20:06:37 UTC (rev 46865)
+++ trunk/src/wp-includes/css/media-views.css 2019-12-09 20:24:17 UTC (rev 46866)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,7 +73,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame select,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-admin .media-frame select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- min-height: 28px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 30px;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,6 +120,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2.15384615; /* 28px */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Search field in the Media Library toolbar */
+.media-frame.mode-grid .wp-filter input[type="search"] {
+ font-size: 14px;
+ line-height: 2;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="text"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="password"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="number"]:focus,
</span></span></pre>
</div>
</div>
</body>
</html>