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:
parent
e44d2f7289
commit
bbcdcc084d
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
@ -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.
|
||||||
|
|
Loading…
Reference in New Issue