WordPress.org

Make WordPress Core

Changeset 32475


Ignore:
Timestamp:
05/09/2015 08:34:13 PM (5 years ago)
Author:
ocean90
Message:

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.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/common.css

    r32073 r32475  
    738738
    739739/* @todo can we combine these into a class or use an existing dashicon one? */
    740 #welcome-panel.welcome-panel .welcome-panel-close:before,
     740.welcome-panel .welcome-panel-close:before,
    741741.tagchecklist span a:before,
    742742#bulk-titles div a:before,
     
    745745    color: #b4b9be;
    746746    content: '\f153';
    747     display: block !important;
     747    display: block;
    748748    font: normal 16px/1 'dashicons';
    749749    speak: none;
    750     height: 20px;
     750    height: 16px;
    751751    text-align: center;
    752752    width: 20px;
    753     -webkit-font-smoothing: antialiased !important;
    754 }
    755 
    756 #welcome-panel.welcome-panel .welcome-panel-close:before {
     753    -webkit-font-smoothing: antialiased;
     754    -moz-osx-font-smoothing: grayscale;
     755}
     756
     757.welcome-panel .welcome-panel-close:before {
    757758    margin: 0;
    758759}
     
    763764}
    764765
    765 #welcome-panel.welcome-panel .welcome-panel-close:hover:before,
     766.welcome-panel .welcome-panel-close:hover:before,
     767.welcome-panel .welcome-panel-close:focus:before,
    766768.tagchecklist span a:hover:before,
    767769#bulk-titles div a:hover:before {
  • trunk/src/wp-admin/css/dashboard.css

    r32076 r32475  
    147147.welcome-panel .welcome-panel-close {
    148148    position: absolute;
    149     top: 5px;
     149    top: 10px;
    150150    right: 10px;
    151     padding: 20px 15px 0 3px;
     151    padding: 10px 15px 10px 21px;
    152152    font-size: 13px;
     153    line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
    153154    text-decoration: none;
    154     line-height: 1;
    155 }
    156 
    157 #welcome-panel.welcome-panel .welcome-panel-close:before {
     155}
     156
     157.welcome-panel .welcome-panel-close:before {
    158158    position: absolute;
    159     left: -18px;
    160     margin-top: -2px;
     159    top: 10px;
     160    left: 0;
    161161    -webkit-transition: all .1s ease-in-out;
    162162    transition: all .1s ease-in-out;
     
    178178.welcome-panel .welcome-panel-column-container {
    179179    clear: both;
    180     overflow: hidden;
    181180    position: relative;
    182181}
     
    206205
    207206.welcome-panel .welcome-icon {
    208     display: block;
    209     padding: 0 0 8px;
    210207    background: transparent !important;
    211208}
     
    266263    line-height: 16px;
    267264    list-style-type: none;
     265    padding: 0 0 8px;
    268266}
    269267
     
    329327#dashboard_right_now ul {
    330328    margin: 0;
    331     overflow: hidden;
     329    /* contain floats but don't use overflow: hidden */
     330    display: inline-block;
     331    width: 100%;
    332332}
    333333
     
    339339
    340340#dashboard_right_now .inside {
    341     overflow: hidden;
    342341    padding: 0;
    343342}
    344343
    345344#dashboard_right_now .main {
    346     overflow: hidden;
    347345    padding: 0 12px 11px;
    348346}
     
    659657#future-posts li,
    660658#published-posts li {
    661     overflow: hidden;
    662659    margin-bottom: 8px;
    663660}
     
    665662#future-posts ul span,
    666663#published-posts ul span {
     664    display: inline-block;
     665    margin-right: 5px;
     666    min-width: 150px;
    667667    color: #777;
    668     float: left;
    669     margin-right: 8px;
    670     min-width: 150px;
    671668}
    672669
     
    918915
    919916.dashboard-comment-wrap {
    920     overflow: hidden;
    921917    word-wrap: break-word;
    922918}
     
    10961092    .welcome-panel .welcome-panel-close {
    10971093        overflow: hidden;
    1098         text-indent: 100%;
     1094        text-indent: 40px;
    10991095        white-space: nowrap;
    11001096        width: 20px;
    11011097        height: 20px;
    1102         right: 0;
    11031098        padding: 5px;
     1099        top: 5px;
     1100        right: 5px;
    11041101    }
    11051102
    11061103    /* Make the close icon larger for tappability. */
    1107     #welcome-panel.welcome-panel .welcome-panel-close:before {
     1104    .welcome-panel .welcome-panel-close:before {
    11081105        font-size: 20px;
    1109         margin: 0;
    1110     }
    1111 }
     1106        top: 5px;
     1107        left: -35px;
     1108    }
     1109}
Note: See TracChangeset for help on using the changeset viewer.