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? */
#welcome-panel.welcome-panel .welcome-panel-close:before,
.welcome-panel .welcome-panel-close:before,
.tagchecklist span a:before,
#bulk-titles div a:before,
.notice-dismiss:before {
background: none;
color: #b4b9be;
content: '\f153';
display: block !important;
display: block;
font: normal 16px/1 'dashicons';
speak: none;
height: 20px;
height: 16px;
text-align: center;
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;
}
@ -762,7 +763,8 @@ img.emoji {
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,
#bulk-titles div a:hover:before {
color: #c00;

View File

@ -737,23 +737,24 @@ img.emoji {
}
/* @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,
#bulk-titles div a:before,
.notice-dismiss:before {
background: none;
color: #b4b9be;
content: '\f153';
display: block !important;
display: block;
font: normal 16px/1 'dashicons';
speak: none;
height: 20px;
height: 16px;
text-align: center;
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;
}
@ -762,7 +763,8 @@ img.emoji {
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,
#bulk-titles div a:hover:before {
color: #c00;

View File

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

View File

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