Make WordPress Core

Changeset 32485


Ignore:
Timestamp:
05/11/2015 07:33:32 PM (9 years ago)
Author:
ocean90
Message:

Improve focus styles for the Switch View links in Posts listings and Media Library.

props afercia.
fixes #32294.

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

Legend:

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

    r32476 r32485  
    934934    box-sizing: border-box;
    935935    margin: 12px 0 25px;
    936     padding: 0 20px;
     936    padding: 0 10px;
    937937    width: 100%;
    938938    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  • trunk/src/wp-admin/css/list-tables.css

    r32256 r32485  
    564564
    565565.tablenav .displaying-num {
    566     margin-right: 2px;
     566    margin-right: 7px;
    567567    color: #777;
    568568    font-size: 12px;
    569569    font-style: italic;
     570}
     571
     572.tablenav .one-page .displaying-num {
     573    display: inline-block;
     574    margin-top: 2px;
     575    margin-right: 0;
    570576}
    571577
     
    604610.tablenav .view-switch {
    605611    float: right;
    606     margin: 5px 16px 0 8px;
     612    margin: 0 5px;
     613    padding-top: 3px;
     614    /* line-height in px same as .tablenav height */
     615    line-height: 30px;
    607616}
    608617
     
    610619    display: inline-block;
    611620    vertical-align: middle;
    612     padding: 15px 0;
    613     margin: 0 20px 0 0;
     621    padding: 12px 0;
     622    margin: 0 8px 0 2px;
     623}
     624
     625.media-toolbar.wp-filter .view-switch {
     626    margin: 0 12px 0 2px;
    614627}
    615628
    616629.view-switch a {
    617     text-decoration: none;
    618 }
    619 
    620 .view-switch > a {
    621     display: inline-block;
    622     width: 18px;
    623     height: 18px;
    624 }
    625 
    626 .view-switch > a:before {
     630    float: left;
     631    width: 28px;
     632    height: 28px;
     633    text-align: center;
     634    line-height: 24px;
     635}
     636
     637.view-switch a:before {
    627638    color: #b4b9be;
    628639    display: inline-block;
    629     float: left;
    630640    font: normal 20px/1 'dashicons';
    631641    speak: none;
    632642    vertical-align: middle;
    633     margin-left: 0;
    634643    -webkit-font-smoothing: antialiased;
    635644    -moz-osx-font-smoothing: grayscale;
    636645}
    637646
    638 .view-switch > .view-list:before {
    639     content: '\f163';
    640 }
    641 
    642 .view-switch a:hover:before {
     647.view-switch a:hover:before,
     648.view-switch a:focus:before {
    643649    color: #727272;
    644650}
     
    648654}
    649655
    650 .view-switch > a + a {
    651     margin-left: 5px;
    652 }
    653 
    654 .view-switch > .view-excerpt:before {
     656.view-switch .view-list:before {
     657    content: '\f163';
     658}
     659
     660.view-switch .view-excerpt:before {
    655661    content: '\f164';
    656662}
    657663
    658 .view-switch > .view-grid:before {
     664.view-switch .view-grid:before {
    659665    content: '\f509';
    660666}
     
    15461552    }
    15471553
     1554    .view-switch a {
     1555        width: 36px;
     1556        height: 36px;
     1557        line-height: 33px;
     1558    }
     1559
    15481560    /* Pagination */
    15491561    .tablenav.top .displaying-num {
Note: See TracChangeset for help on using the changeset viewer.