<!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>[44544] trunk/src: Accessibility: Add focus styles for Windows High Contrast mode.</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/44544">44544</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/44544","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-01-10 16:46:44 +0000 (Thu, 10 Jan 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: Add focus styles for Windows High Contrast mode.
Introduces in core new focus styles dedicated to Windows High Contrast mode. The
new styles use a transparent CSS outline as already explored in the Block Editor.
This first part covers some of the main user interface controls like buttons, links,
and media views elements. Other parts will be addressed in the next future.
Fixes <a href="https://core.trac.wordpress.org/ticket/41286">#41286</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadmincssadminmenucss">trunk/src/wp-admin/css/admin-menu.css</a></li>
<li><a href="#trunksrcwpadmincsscommoncss">trunk/src/wp-admin/css/common.css</a></li>
<li><a href="#trunksrcwpadmincssformscss">trunk/src/wp-admin/css/forms.css</a></li>
<li><a href="#trunksrcwpadmincssmediacss">trunk/src/wp-admin/css/media.css</a></li>
<li><a href="#trunksrcwpincludescssadminbarcss">trunk/src/wp-includes/css/admin-bar.css</a></li>
<li><a href="#trunksrcwpincludescssbuttonscss">trunk/src/wp-includes/css/buttons.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="trunksrcwpadmincssadminmenucss"></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/admin-menu.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/admin-menu.css 2019-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-admin/css/admin-menu.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -330,7 +330,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #adminmenu .wp-submenu li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</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">- overflow: hidden;
</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"> #adminmenu .wp-menu-image img {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -547,16 +546,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 34px;
</del><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #aaa;
</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">- outline: 0;
</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">-#collapse-button:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#collapse-button:hover {
+ color: #00b9eb;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #collapse-button:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #00b9eb;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
+ outline-offset: -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"> #collapse-button .collapse-button-icon,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -566,9 +569,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 34px;
</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">+#collapse-button .collapse-button-label {
+ top: 8px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #collapse-button .collapse-button-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 36px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 34px;
</span></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-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-admin/css/common.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -158,7 +158,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
</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"> .hidden,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -273,6 +275,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 0 1px #5b9dd9,
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 2px 1px rgba(30, 140, 190, .8);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
</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"> .ie8 a:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -279,7 +283,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline: #5b9dd9 solid 1px;
</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">-#adminmenu a:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#adminmenu a:focus {
+ box-shadow: none;
+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
+ outline-offset: -1px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -617,7 +627,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: normal; /* IE8-IE11 need this for buttons */
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa; /* some of these controls are button elements and don't inherit from links */
</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">- outline: 0;
</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"> .wrap .wp-heading-inline + .page-title-action {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -639,6 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wrap .page-title-action:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
</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;
</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"> .wrap h1.long-header {
</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-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-admin/css/forms.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,6 +52,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> textarea:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
</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;
</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"> /* rtl:ignore */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -236,10 +238,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #72777c;
</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">-.form-invalid input, .form-invalid input:focus,
-.form-invalid select, .form-invalid select:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.form-invalid input,
+.form-invalid input:focus,
+.form-invalid select,
+.form-invalid select:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #dc3232 !important;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
</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"> .form-table .form-required.form-invalid td:after {
</span></span></pre></div>
<a id="trunksrcwpadmincssmediacss"></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/media.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/media.css 2019-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-admin/css/media.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -310,10 +310,12 @@
</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"> #find-posts-close:focus {
</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"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 0 1px #5b9dd9,
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 2px 1px rgba(30, 140, 190, .8);
</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;
+ outline-offset: -2px;
</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"> #find-posts-close:before {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -528,7 +530,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> inset 0 0 2px 3px #f1f1f1,
</span><span class="cx" style="display: block; padding: 0 10px"> inset 0 0 0 7px #5b9dd9;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -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"> .media-frame.mode-grid .selected.attachment {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -681,6 +685,14 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.upload-php .media-modal-close:focus,
+.edit-attachment-frame .edit-media-header .left:focus,
+.edit-attachment-frame .edit-media-header .right:focus {
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .upload-php .media-modal-close:focus .media-modal-icon:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .upload-php .media-modal-close:hover .media-modal-icon:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1079,8 +1091,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .image-editor .imgedit-settings .imgedit-help-toggle:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0074a2;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</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"> box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
</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;
</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"> .form-table td.imgedit-response {
</span></span></pre></div>
<a id="trunksrcwpincludescssadminbarcss"></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/admin-bar.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/admin-bar.css 2019-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-includes/css/admin-bar.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,7 +53,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #wpadminbar a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> #wpadminbar a img,
</span><span class="cx" style="display: block; padding: 0 10px"> #wpadminbar a img:hover {
</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"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,9 +70,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #wpadminbar textarea,
</span><span class="cx" style="display: block; padding: 0 10px"> #wpadminbar div {
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</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">+#wpadminbar a:focus {
+ /* Inherits transparent outline only visible in Windows High Contrast mode */
+ outline-offset: -1px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #wpadminbar {
</span><span class="cx" style="display: block; padding: 0 10px"> direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #ccc;
</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-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-includes/css/buttons.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,9 +92,12 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Only visible in Windows High Contrast mode */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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.hidden {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -190,7 +193,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> background: none;
</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"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Mimics the default link style in common.css */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -211,6 +213,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 0 1px #5b9dd9,
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 2px 1px rgba(30, 140, 190, .8);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
</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-link-delete {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -280,7 +284,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"> .wp-core-ui .button.button-primary.button-hero {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 2px 0 #006799;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 2px 0 #006799;
</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-primary.button-hero.active,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -287,7 +291,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.button-primary.button-hero.active:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.button-primary.button-hero.active:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .button.button-primary.button-hero:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 3px 0 #006799;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 3px 0 #006799;
</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"> /* ----------------------------------------------------------------------------
</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-01-10 16:30:03 UTC (rev 44543)
+++ trunk/src/wp-includes/css/media-views.css 2019-01-10 16:46:44 UTC (rev 44544)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,8 +48,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 0 1px #5b9dd9,
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 2px 1px rgba(30, 140, 190, .8);
</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"> color: #124964;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
</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"> .media-frame a.button {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -195,6 +196,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #00a0d2;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
</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;
+ outline-offset: -2px;
</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"> .media-modal-close span.media-modal-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -835,7 +839,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> inset 0 0 2px 3px #fff,
</span><span class="cx" style="display: block; padding: 0 10px"> inset 0 0 0 7px #5b9dd9;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -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"> .wp-core-ui .selected.attachment {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1011,6 +1017,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 0 2px #0073aa;
</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-core-ui .attachment.selected .check:focus {
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .attachment.details .check .media-modal-icon,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .media-frame.mode-grid .attachment.selected .check .media-modal-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> background-position: -21px 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1485,6 +1496,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow:
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 0 1px #fff,
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 2px 3px #5b9dd9;
</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;
</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 .media-selection .selected.attachment {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1777,8 +1790,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0074a2;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</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"> box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
</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;
</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.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle {
</span></span></pre>
</div>
</div>
</body>
</html>