<!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>[46356] trunk/src: Accessibility: Improve and modernize user interface controls: Improve the new form controls styles and heights.</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/46356">46356</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/46356","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>afercia</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-09-30 17:23:06 +0000 (Mon, 30 Sep 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'>Accessibility: Improve and modernize user interface controls: Improve the new form controls styles and heights.
Improves cross-browsers rendering and addresses most of the reported edge cases.
See <a href="https://core.trac.wordpress.org/ticket/47477">#47477</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadmincsscommoncss">trunk/src/wp-admin/css/common.css</a></li>
<li><a href="#trunksrcwpadmincsseditcss">trunk/src/wp-admin/css/edit.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="#trunksrcwpadmincsslogincss">trunk/src/wp-admin/css/login.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="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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-admin/css/common.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -775,8 +775,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #ccd0d4;
</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">-.quicktags,
-.search {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.quicktags {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 12px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1080,18 +1079,15 @@
</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><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: 3px 5px;
</del><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: 16px;
- font-weight: 300;
- line-height: 1.5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: inherit;
+ /* inherits font size 13px */
+ line-height: 2.15384615; /* 28px */
</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 .search-form select {
</span><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">- height: 32px;
- vertical-align: top;
</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.search-plugins {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3910,7 +3906,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .fileedit-sub input[type="submit"] {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 8px 18px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 4px 18px;
</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"> #documentation label[for="docs-list"] {
</span></span></pre></div>
<a id="trunksrcwpadmincsseditcss"></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/edit.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/edit.css 2019-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-admin/css/edit.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,7 +71,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #72777c;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.7em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 11px 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 10px;
</ins><span class="cx" style="display: block; padding: 0 10px"> pointer-events: 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">@@ -419,16 +419,15 @@
</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"> #timestampdiv select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 21px;
- line-height: 1.16666666;
- padding: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 12px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.5; /* 18px */
</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"> #aa, #jj, #hh, #mn {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 1px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 6px 1px;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 12px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.16666666; /* 14px */
</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"> #jj, #hh, #mn {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -494,8 +493,6 @@
</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"> #timestampdiv input {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-width: 1px;
- border-style: solid;
</del><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></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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-admin/css/forms.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,12 +1,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Include margin and padding in the width calculation of input and textarea. */
</span><span class="cx" style="display: block; padding: 0 10px"> input,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-textarea {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+select,
+textarea,
+button {
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: inherit;
+ font-size: inherit;
+ font-weight: inherit;
</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">+textarea,
+input {
+ font-size: 14px;
+}
+
+textarea {
+ overflow: auto;
+ padding: 2px 6px;
+ /* inherits font size 14px */
+ line-height: 1.42857143; /* 20px */
+ resize: vertical;
+}
+
+label {
+ cursor: pointer;
+}
+
+input,
+select {
+ margin: 1px;
+}
+
+textarea.code {
+ padding: 4px 6px 1px 6px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="password"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"],
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="color"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="date"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="datetime"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,24 +45,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="month"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="number"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="search"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="radio"],
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="tel"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"],
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="time"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="url"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="week"],
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 6px 8px;
</del><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: box-shadow 0.1s linear;
</del><span class="cx" style="display: block; padding: 0 10px"> border-radius: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #7e8993;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #32373c;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: none;
</del><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">+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+ padding: 0 8px;
+ /* inherits font size 14px */
+ line-height: 2; /* 28px */
+}
+
+::-webkit-datetime-edit {
+ /* inherits font size 14px */
+ line-height: 1.85714286; /* 26px */
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="password"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="color"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -44,7 +92,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="number"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="search"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="tel"]:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus,
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="time"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="url"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="week"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -64,15 +111,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> direction: ltr;
</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">-/* Vertically align the number selector with the input. */
-input[type="number"] {
- min-height: 28px;
- line-height: 1;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="checkbox"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="radio"] {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #7e8993;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-radius: 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -118,6 +160,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="radio"] {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.25rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 0.71428571;
</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">@@ -146,8 +189,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 0.5rem; /* 8px */
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0.5rem; /* 8px */
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.1875rem; /* 3px */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 0.76190476;
</del><span class="cx" style="display: block; padding: 0 10px"> background-color: #1e8cbe;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+ line-height: 1.14285714;
</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"> @-moz-document url-prefix() {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -167,57 +211,11 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.ie8 input[type="password"] {
- font-family: sans-serif;
-}
-
-textarea,
-input,
-select,
-button {
- font-family: inherit;
- font-size: inherit;
- font-weight: inherit;
-}
-
-textarea,
-input,
-select {
- font-size: 14px;
- padding: 3px 5px;
-}
-
-textarea {
- overflow: auto;
- padding: 2px 6px;
- line-height: 1.4;
- resize: vertical;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-admin input[type="file"] {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</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">-label {
- cursor: pointer;
-}
-
-input,
-select {
- margin: 1px;
- padding: 3px 5px;
-}
-
-input.code {
- padding-top: 6px;
-}
-
-textarea.code {
- line-height: 1.4;
- padding: 4px 6px 1px 6px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> input.readonly,
</span><span class="cx" style="display: block; padding: 0 10px"> input[readonly],
</span><span class="cx" style="display: block; padding: 0 10px"> textarea.readonly,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -309,19 +307,29 @@
</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><span class="cx" style="display: block; padding: 0 10px"> .wp-admin select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #555;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 13px;
+ line-height: 1.38461538; /* 18px */
+ color: #32373c;
</ins><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: 2px 24px 2px 8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 3px 24px 3px 8px;
</ins><span class="cx" style="display: block; padding: 0 10px"> min-height: 28px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><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><del style="background-color: #fdd; text-decoration:none; 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 4px top 50%;
</del><ins style="background-color: #dfd; text-decoration:none; 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%;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-size: 16px 16px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cursor: pointer;
</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">+/* Color and font size in the core form tables. */
+.wp-admin .form-table select {
+ font-size: 14px;
+ line-height: 1.28571428; /* 18px */
+ color: #32373c;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-admin select:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #007cba;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -350,7 +358,40 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</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">+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-admin select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #016087;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-admin select::-ms-value {
+ background: transparent;
+ color: #555;
+}
+
+.wp-admin select:hover::-ms-value {
+ color: #007cba;
+}
+
+.wp-admin select:focus::-ms-value {
+ color: #016087;
+}
+
+.wp-admin select.disabled::-ms-value,
+.wp-admin select:disabled::-ms-value {
+ color: #a0a5aa;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-admin select::-ms-expand {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-admin .button-cancel {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
+ min-height: 28px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -359,8 +400,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</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">+.misc-pub-post-status select {
+ margin-top: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-admin select[multiple] {
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 8px;
+ background: #fff;
</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"> .submit {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,7 +463,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input.small-text {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 50px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 1px 6px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 6px;
</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"> input[type="number"].small-text {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -450,14 +497,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 12.5rem;
</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">-.ie8 .tablenav .actions select {
- width: 9.6875rem;
-}
-
-.ie8 .tablenav .actions select#cat {
- width: 12.5rem;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #timezone_string option {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -590,7 +629,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .tablenav .search-plugins input[name="s"],
</span><span class="cx" style="display: block; padding: 0 10px"> .tagsdiv .newtag {
</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">- height: 28px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 4px 0 0;
</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">@@ -597,11 +635,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .js.plugins-php .search-box .wp-filter-search {
</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: 16px;
- font-weight: 300;
- line-height: 1.5;
- padding: 3px 5px;
- height: 32px;
</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"> input[type="text"].ui-autocomplete-loading,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -952,6 +985,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .options-general-php input.small-text {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 56px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: -2px 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"> .options-general-php .spinner {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1188,9 +1222,6 @@
</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"> .privacy_requests .next_steps .button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: auto;
- line-height: 1.5;
- padding: 4px 10px;
</del><span class="cx" style="display: block; padding: 0 10px"> word-break: break-all;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: unset;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1242,7 +1273,6 @@
</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-privacy-request-form input {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1.5;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</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">@@ -1278,23 +1308,26 @@
</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"> input[type="text"],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ input[type="password"],
+ input[type="date"],
+ input[type="datetime"],
+ input[type="datetime-local"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ input[type="month"],
+ input[type="number"],
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="search"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="password"],
- input[type="number"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ input[type="tel"],
+ input[type="time"],
+ input[type="url"],
+ input[type="week"] {
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 6px 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 3px 10px;
</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">- input[type="number"] {
- min-height: 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ::-webkit-datetime-edit {
+ line-height: 1.875; /* 30px */
</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">- input.code {
- padding-bottom: 5px;
- padding-top: 10px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="checkbox"],
</span><span class="cx" style="display: block; padding: 0 10px"> .widefat th input[type="checkbox"],
</span><span class="cx" style="display: block; padding: 0 10px"> .widefat thead td input[type="checkbox"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1340,14 +1373,19 @@
</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">- #wpbody select {
- min-height: 36px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-admin select,
+ .wp-admin .form-table select {
+ min-height: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.625; /* 26px */
+ padding: 5px 24px 5px 8px;
</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-admin .button-cancel {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 0;
+ padding: 2px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ vertical-align: middle;
</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"> #adduser .form-field input,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1397,9 +1435,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .form-table span.description,
</span><span class="cx" style="display: block; padding: 0 10px"> #profile-page .form-table textarea {
</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">- font-size: 16px;
- line-height: 1.5;
- padding: 7px 10px;
</del><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1410,10 +1445,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: -30px 3px 0 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">- #wpbody .form-table td select {
- min-height: 40px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> input[type="text"].small-text,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="search"].small-text,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="password"].small-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1443,12 +1474,10 @@
</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"> p.search-box input[name="s"] {
</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"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 10px;
</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">- -webkit-appearance: none;
</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"> p.search-box input[type="submit"] {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1550,6 +1579,11 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-pwd [type="text"],
+ .wp-pwd [type="password"] {
+ line-height: 2;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-cancel-pw .dashicons-no {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-admin/css/list-tables.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -622,8 +622,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .tablenav-pages .current-page {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 2px 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 5px;
- padding-bottom: 5px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</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">@@ -950,8 +948,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset.inline-edit-date label {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><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">- line-height: 1.5;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</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"> .inline-edit-row fieldset label.inline-edit-tags {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -975,11 +973,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 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">-.inline-edit-row fieldset.inline-edit-date select {
- margin: 1px;
- line-height: 2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset label span.input-text-wrap,
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset .timestamp-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1039,14 +1032,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset input[name=jj],
</span><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset input[name=hh],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.inline-edit-row fieldset input[name=mn] {
- font-size: 12px;
- width: 2.3em;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.inline-edit-row fieldset input[name=mn],
</ins><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row fieldset input[name=aa] {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 12px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 3.5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.16666666;
+ vertical-align: middle;
+ text-align: center;
+ padding: 6px 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">@@ -1988,16 +1980,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 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">- .inline-edit-row fieldset input[name=jj],
- .inline-edit-row fieldset input[name=hh],
- .inline-edit-row fieldset input[name=mn] {
- width: 3em;
- }
-
- .inline-edit-row fieldset input[name=aa] {
- width: 4.5em;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .inline-edit-row .inline-edit-or {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 6px 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpadmincsslogincss"></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/login.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/login.css 2019-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-admin/css/login.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -273,6 +273,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .login input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> .login input[type="password"] {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 24px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.16666666; /* 28px */
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 3px 6px 16px 0;
</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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-admin/css/themes.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,9 +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: 16px;
- font-weight: 300;
- line-height: 1.5;
</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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-includes/css/buttons.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -80,7 +80,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button-group.button-small .button {
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 24px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 2;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 8px 1px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 8px;
</ins><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="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,14 +92,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 36px;
</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">-/* Only visible in Windows High Contrast mode */
-.wp-core-ui .button:active,
-.wp-core-ui .button:focus {
- outline: 2px solid transparent;
- /* Reset inherited offset from Gutenberg */
- outline-offset: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.hidden {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -135,10 +127,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-core-ui .button-secondary:hover,
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-core-ui .button-secondary:hover{
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #f1f1f1;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #016087;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #016087;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -151,6 +140,10 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ /* Reset inherited offset from Gutenberg */
+ outline-offset: 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-core-ui .button.active,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -332,8 +325,8 @@
</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: 6px 14px;
- line-height: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 1px 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><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-includes/css/editor.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1509,7 +1509,6 @@
</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-link .link-search-field {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
</del><span class="cx" style="display: block; padding: 0 10px"> width: 250px;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 70%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1520,13 +1519,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</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-link .link-search-wrapper span {
- float: left;
- margin-top: 4px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #wp-link .link-search-wrapper .spinner {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: none;
+ margin: -3px 0 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"> #wp-link .link-target {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1553,7 +1548,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"> .has-text-field #wp-link .query-results {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: 200px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ top: 210px;
</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-link li {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,6 +1776,7 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.28571429;
</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-09-30 17:11:14 UTC (rev 46355)
+++ trunk/src/wp-includes/css/media-views.css 2019-09-30 17:23:06 UTC (rev 46356)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,17 +34,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</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-frame input,
-.media-frame textarea {
- padding: 6px 8px;
-}
-
-.media-frame select,
-.wp-admin .media-frame select {
- min-height: 28px;
- vertical-align: middle;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .media-frame a {
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -77,23 +66,60 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</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">+.media-frame input,
+.media-frame textarea {
+ padding: 6px 8px;
+}
+
+.media-frame select,
+.wp-admin .media-frame select {
+ min-height: 28px;
+ vertical-align: middle;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="password"],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.media-frame input[type="color"],
+.media-frame input[type="date"],
+.media-frame input[type="datetime"],
+.media-frame input[type="datetime-local"],
+.media-frame input[type="email"],
+.media-frame input[type="month"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="number"],
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="search"],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.media-frame input[type="email"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.media-frame input[type="tel"],
+.media-frame input[type="time"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .media-frame input[type="url"],
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.media-frame input[type="week"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .media-frame textarea,
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 6px 8px;
</del><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: box-shadow 0.1s linear;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-radius: 4px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #7e8993;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-radius: 4px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #fff;
+ color: #32373c;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 13px;
</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">+.media-frame input[type="text"],
+.media-frame input[type="password"],
+.media-frame input[type="date"],
+.media-frame input[type="datetime"],
+.media-frame input[type="datetime-local"],
+.media-frame input[type="email"],
+.media-frame input[type="month"],
+.media-frame input[type="number"],
+.media-frame input[type="search"],
+.media-frame input[type="tel"],
+.media-frame input[type="time"],
+.media-frame input[type="url"],
+.media-frame input[type="week"] {
+ padding: 0 8px;
+ /* inherits font size 13px */
+ line-height: 2.15384615; /* 28px */
+}
+
</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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -807,7 +833,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Search
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .media-frame .search {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 11px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 10px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #444;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1047,7 +1073,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><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: 8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 8px;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1075,7 +1101,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .attachments-browser .media-toolbar-primary > .media-button-group,
</span><span class="cx" style="display: block; padding: 0 10px"> .attachments-browser .media-toolbar-secondary > .media-button,
</span><span class="cx" style="display: block; padding: 0 10px"> .attachments-browser .media-toolbar-secondary > .media-button-group {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 11px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 10px 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"> .attachments-browser .attachments {
</span></span></pre>
</div>
</div>
</body>
</html>