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. git-svn-id: https://develop.svn.wordpress.org/trunk@32475 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90)
parent
27d0216b0c
commit
0422e527b1
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue