Improve focus styles for:

* Welcome Panel dismiss link
* Welcome Panel assembled links
* At a Glance links
* Recently Published/Publishing Soon and latest Comments links in the Dashboard Activity box 

props afercia.
fixes #32287, #32288, #32289, #32292.
Built from https://develop.svn.wordpress.org/trunk@32475


git-svn-id: http://core.svn.wordpress.org/trunk@32445 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Dominik Schilling 2015-05-09 20:35:27 +00:00
parent e44d2f7289
commit bbcdcc084d
7 changed files with 59 additions and 59 deletions

View File

@ -737,23 +737,24 @@ img.emoji {
} }
/* @todo can we combine these into a class or use an existing dashicon one? */ /* @todo can we combine these into a class or use an existing dashicon one? */
#welcome-panel.welcome-panel .welcome-panel-close:before, .welcome-panel .welcome-panel-close:before,
.tagchecklist span a:before, .tagchecklist span a:before,
#bulk-titles div a:before, #bulk-titles div a:before,
.notice-dismiss:before { .notice-dismiss:before {
background: none; background: none;
color: #b4b9be; color: #b4b9be;
content: '\f153'; content: '\f153';
display: block !important; display: block;
font: normal 16px/1 'dashicons'; font: normal 16px/1 'dashicons';
speak: none; speak: none;
height: 20px; height: 16px;
text-align: center; text-align: center;
width: 20px; width: 20px;
-webkit-font-smoothing: antialiased !important; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
#welcome-panel.welcome-panel .welcome-panel-close:before { .welcome-panel .welcome-panel-close:before {
margin: 0; margin: 0;
} }
@ -762,7 +763,8 @@ img.emoji {
margin: 2px 0; margin: 2px 0;
} }
#welcome-panel.welcome-panel .welcome-panel-close:hover:before, .welcome-panel .welcome-panel-close:hover:before,
.welcome-panel .welcome-panel-close:focus:before,
.tagchecklist span a:hover:before, .tagchecklist span a:hover:before,
#bulk-titles div a:hover:before { #bulk-titles div a:hover:before {
color: #c00; color: #c00;

View File

@ -737,23 +737,24 @@ img.emoji {
} }
/* @todo can we combine these into a class or use an existing dashicon one? */ /* @todo can we combine these into a class or use an existing dashicon one? */
#welcome-panel.welcome-panel .welcome-panel-close:before, .welcome-panel .welcome-panel-close:before,
.tagchecklist span a:before, .tagchecklist span a:before,
#bulk-titles div a:before, #bulk-titles div a:before,
.notice-dismiss:before { .notice-dismiss:before {
background: none; background: none;
color: #b4b9be; color: #b4b9be;
content: '\f153'; content: '\f153';
display: block !important; display: block;
font: normal 16px/1 'dashicons'; font: normal 16px/1 'dashicons';
speak: none; speak: none;
height: 20px; height: 16px;
text-align: center; text-align: center;
width: 20px; width: 20px;
-webkit-font-smoothing: antialiased !important; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
#welcome-panel.welcome-panel .welcome-panel-close:before { .welcome-panel .welcome-panel-close:before {
margin: 0; margin: 0;
} }
@ -762,7 +763,8 @@ img.emoji {
margin: 2px 0; margin: 2px 0;
} }
#welcome-panel.welcome-panel .welcome-panel-close:hover:before, .welcome-panel .welcome-panel-close:hover:before,
.welcome-panel .welcome-panel-close:focus:before,
.tagchecklist span a:hover:before, .tagchecklist span a:hover:before,
#bulk-titles div a:hover:before { #bulk-titles div a:hover:before {
color: #c00; color: #c00;

View File

@ -146,18 +146,18 @@
.welcome-panel .welcome-panel-close { .welcome-panel .welcome-panel-close {
position: absolute; position: absolute;
top: 5px; top: 10px;
left: 10px; left: 10px;
padding: 20px 3px 0 15px; padding: 10px 21px 10px 15px;
font-size: 13px; font-size: 13px;
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
text-decoration: none; text-decoration: none;
line-height: 1;
} }
#welcome-panel.welcome-panel .welcome-panel-close:before { .welcome-panel .welcome-panel-close:before {
position: absolute; position: absolute;
right: -18px; top: 10px;
margin-top: -2px; right: 0;
-webkit-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out; transition: all .1s ease-in-out;
} }
@ -177,7 +177,6 @@
.welcome-panel .welcome-panel-column-container { .welcome-panel .welcome-panel-column-container {
clear: both; clear: both;
overflow: hidden;
position: relative; position: relative;
} }
@ -205,8 +204,6 @@
} }
.welcome-panel .welcome-icon { .welcome-panel .welcome-icon {
display: block;
padding: 0 0 8px;
background: transparent !important; background: transparent !important;
} }
@ -265,6 +262,7 @@
.welcome-panel .welcome-panel-column li { .welcome-panel .welcome-panel-column li {
line-height: 16px; line-height: 16px;
list-style-type: none; list-style-type: none;
padding: 0 0 8px;
} }
/* Dashboard WordPress news */ /* Dashboard WordPress news */
@ -328,7 +326,9 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_right_now ul { #dashboard_right_now ul {
margin: 0; margin: 0;
overflow: hidden; /* contain floats but don't use overflow: hidden */
display: inline-block;
width: 100%;
} }
#dashboard_right_now li { #dashboard_right_now li {
@ -338,12 +338,10 @@ body #dashboard-widgets .postbox form .submit {
} }
#dashboard_right_now .inside { #dashboard_right_now .inside {
overflow: hidden;
padding: 0; padding: 0;
} }
#dashboard_right_now .main { #dashboard_right_now .main {
overflow: hidden;
padding: 0 12px 11px; padding: 0 12px 11px;
} }
@ -658,16 +656,15 @@ form.initial-form.quickpress-open input#title {
#future-posts li, #future-posts li,
#published-posts li { #published-posts li {
overflow: hidden;
margin-bottom: 8px; margin-bottom: 8px;
} }
#future-posts ul span, #future-posts ul span,
#published-posts ul span { #published-posts ul span {
color: #777; display: inline-block;
float: right; margin-left: 5px;
margin-left: 8px;
min-width: 150px; min-width: 150px;
color: #777;
} }
.activity-block { .activity-block {
@ -917,7 +914,6 @@ a.rsswidget {
} }
.dashboard-comment-wrap { .dashboard-comment-wrap {
overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
} }
@ -1095,17 +1091,19 @@ a.rsswidget {
/* Keep the close icon from overlapping the Welcome text. */ /* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close { .welcome-panel .welcome-panel-close {
overflow: hidden; overflow: hidden;
text-indent: 100%; text-indent: 40px;
white-space: nowrap; white-space: nowrap;
width: 20px; width: 20px;
height: 20px; height: 20px;
left: 0;
padding: 5px; padding: 5px;
top: 5px;
left: 5px;
} }
/* Make the close icon larger for tappability. */ /* Make the close icon larger for tappability. */
#welcome-panel.welcome-panel .welcome-panel-close:before { .welcome-panel .welcome-panel-close:before {
font-size: 20px; font-size: 20px;
margin: 0; top: 5px;
right: -35px;
} }
} }

View File

@ -146,18 +146,18 @@
.welcome-panel .welcome-panel-close { .welcome-panel .welcome-panel-close {
position: absolute; position: absolute;
top: 5px; top: 10px;
right: 10px; right: 10px;
padding: 20px 15px 0 3px; padding: 10px 15px 10px 21px;
font-size: 13px; font-size: 13px;
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
text-decoration: none; text-decoration: none;
line-height: 1;
} }
#welcome-panel.welcome-panel .welcome-panel-close:before { .welcome-panel .welcome-panel-close:before {
position: absolute; position: absolute;
left: -18px; top: 10px;
margin-top: -2px; left: 0;
-webkit-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out; transition: all .1s ease-in-out;
} }
@ -177,7 +177,6 @@
.welcome-panel .welcome-panel-column-container { .welcome-panel .welcome-panel-column-container {
clear: both; clear: both;
overflow: hidden;
position: relative; position: relative;
} }
@ -205,8 +204,6 @@
} }
.welcome-panel .welcome-icon { .welcome-panel .welcome-icon {
display: block;
padding: 0 0 8px;
background: transparent !important; background: transparent !important;
} }
@ -265,6 +262,7 @@
.welcome-panel .welcome-panel-column li { .welcome-panel .welcome-panel-column li {
line-height: 16px; line-height: 16px;
list-style-type: none; list-style-type: none;
padding: 0 0 8px;
} }
/* Dashboard WordPress news */ /* Dashboard WordPress news */
@ -328,7 +326,9 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_right_now ul { #dashboard_right_now ul {
margin: 0; margin: 0;
overflow: hidden; /* contain floats but don't use overflow: hidden */
display: inline-block;
width: 100%;
} }
#dashboard_right_now li { #dashboard_right_now li {
@ -338,12 +338,10 @@ body #dashboard-widgets .postbox form .submit {
} }
#dashboard_right_now .inside { #dashboard_right_now .inside {
overflow: hidden;
padding: 0; padding: 0;
} }
#dashboard_right_now .main { #dashboard_right_now .main {
overflow: hidden;
padding: 0 12px 11px; padding: 0 12px 11px;
} }
@ -658,16 +656,15 @@ form.initial-form.quickpress-open input#title {
#future-posts li, #future-posts li,
#published-posts li { #published-posts li {
overflow: hidden;
margin-bottom: 8px; margin-bottom: 8px;
} }
#future-posts ul span, #future-posts ul span,
#published-posts ul span { #published-posts ul span {
color: #777; display: inline-block;
float: left; margin-right: 5px;
margin-right: 8px;
min-width: 150px; min-width: 150px;
color: #777;
} }
.activity-block { .activity-block {
@ -917,7 +914,6 @@ a.rsswidget {
} }
.dashboard-comment-wrap { .dashboard-comment-wrap {
overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
} }
@ -1095,17 +1091,19 @@ a.rsswidget {
/* Keep the close icon from overlapping the Welcome text. */ /* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close { .welcome-panel .welcome-panel-close {
overflow: hidden; overflow: hidden;
text-indent: 100%; text-indent: 40px;
white-space: nowrap; white-space: nowrap;
width: 20px; width: 20px;
height: 20px; height: 20px;
right: 0;
padding: 5px; padding: 5px;
top: 5px;
right: 5px;
} }
/* Make the close icon larger for tappability. */ /* Make the close icon larger for tappability. */
#welcome-panel.welcome-panel .welcome-panel-close:before { .welcome-panel .welcome-panel-close:before {
font-size: 20px; font-size: 20px;
margin: 0; top: 5px;
left: -35px;
} }
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.3-alpha-32474'; $wp_version = '4.3-alpha-32475';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.