WordPress.org
Get WordPress

Make WordPress Core

Changeset 32984


Ignore:
Timestamp:
06/28/2015 05:45:49 AM (9 years ago)
Author:
SergeyBiryukov
Message:

List tables: Select All should not be a column header.

It sets a redundant relationship with all checkboxes in its column and also conveys wrong information for screen readers.

props afercia, valendesigns.
see #31654.

Location:
trunk/src/wp-admin
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/common.css

    r32977 r32984  
    472472}
    473473
    474 .widefat thead th {
     474.widefat thead th,
     475.widefat thead td {
    475476    border-bottom: 1px solid #e1e1e1;
    476477}
    477478
    478 .widefat tfoot th {
     479.widefat tfoot th,
     480.widefat tfoot td {
    479481    border-top: 1px solid #e1e1e1;
    480482    border-bottom: none;
    … …  
    497499}
    498500
    499 .widefat th {
     501.widefat th,
     502.widefat thead td,
     503.widefat tfoot td {
    500504    text-align: left;
    501505    line-height: 1.3em;
    … …  
    503507}
    504508
    505 .widefat th input {
     509.widefat th input,
     510.widefat thead td input,
     511.widefat tfoot td input {
    506512    margin: 0 0 0 8px;
    507513    padding: 0;
    … …  
    515521}
    516522
    517 .widefat th input[type=checkbox] {
     523.widefat th input[type=checkbox],
     524.widefat thead td input[type=checkbox],
     525.widefat tfoot td input[type=checkbox] {
    518526    margin-top: -1px;
    519527}
    … …  
    527535}
    528536
    529 .widefat thead th.check-column,
     537.widefat thead td.check-column,
    530538.widefat tbody th.check-column,
    531 .widefat tfoot th.check-column {
     539.widefat tfoot td.check-column {
    532540    padding: 11px 0 0 3px;
    533541}
    534542
    535 .widefat thead th.check-column {
     543.widefat thead td.check-column,
     544.widefat tfoot td.check-column {
    536545    padding-top: 10px;
    537546}
    … …  
    715724#your-profile #rich_editing,
    716725.widefat thead th,
    717 .widefat tfoot th {
     726.widefat thead td,
     727.widefat tfoot th,
     728.widefat tfoot td {
    718729    line-height: 1.4em;
    719730}
    … …  
    16881699}
    16891700
    1690 .widefat th {
     1701.widefat th,
     1702.widefat thead td,
     1703.widefat tfoot td {
    16911704    font-weight: normal;
    16921705}
    16931706
    16941707.widefat thead tr th,
    1695 .widefat tfoot tr th {
     1708.widefat thead tr td,
     1709.widefat tfoot tr th,
     1710.widefat tfoot tr td {
    16961711    color: #32373c;
    16971712}

  • trunk/src/wp-admin/css/forms.css

    r32777 r32984  
    945945    }
    946946
    947     input[type="checkbox"], .widefat th input[type="checkbox"] {
     947    input[type="checkbox"],
     948    .widefat th input[type="checkbox"],
     949    .widefat thead td input[type="checkbox"],
     950    .widefat tfoot td input[type="checkbox"] {
    948951        -webkit-appearance: none;
    949952        padding: 10px;
    950953    }
    951954
    952     .widefat th input[type="checkbox"] {
     955    .widefat th input[type="checkbox"],
     956    .widefat thead td input[type="checkbox"],
     957    .widefat tfoot td input[type="checkbox"] {
    953958        margin-bottom: 8px;
    954959    }
    955960
    956     input[type="checkbox"]:checked:before, .widefat th input[type="checkbox"]:before {
     961    input[type="checkbox"]:checked:before,
     962    .widefat th input[type="checkbox"]:before,
     963    .widefat thead td input[type="checkbox"]:before,
     964    .widefat tfoot td input[type="checkbox"]:before {
    957965        font: normal 30px/1 'Dashicons';
    958966        margin: -3px -5px;

  • trunk/src/wp-admin/css/ie.css

    r32677 r32984  
    485485
    486486.widefat tr,
    487 .widefat th {
     487.widefat th,
     488.widefat thead td,
     489.widefat tfoot td {
    488490    margin-bottom: 0;
    489491    border-spacing: 0;
    490492}
    491493
    492 .widefat th input {
     494.widefat th input,
     495.widefat thead td input,
     496.widefat tfoot td input {
    493497    margin: 0 0 0 5px;
    494498}

  • trunk/src/wp-admin/css/list-tables.css

    r32948 r32984  
    370370}
    371371
    372 #commentsdiv .comments-box thead th {
     372#commentsdiv .comments-box thead th,
     373#commentsdiv .comments-box thead td {
    373374    background: transparent;
    374375    padding: 0 7px 4px;
    … …  
    10861087}
    10871088
    1088 .plugins thead th.check-column,
    1089 .plugins tfoot th.check-column,
     1089.plugins thead td.check-column,
     1090.plugins tfoot td.check-column,
    10901091.plugins .inactive th.check-column {
    10911092    padding-left: 6px;
    10921093}
    10931094
    1094 #update-plugins-table thead th.check-column,
    1095 #update-plugins-table tfoot th.check-column {
     1095#update-plugins-table thead td.check-column,
     1096#update-plugins-table tfoot td.check-column {
    10961097    padding-top: 11px;
    10971098}
    … …  
    12361237    font-size: 13px;
    12371238    font-weight: normal;
    1238     margin: 6px 12px 12px;
    1239     padding: 6px 12px;
    12401239    margin: 0 10px 8px 31px;
     1240    padding: 6px 12px 8px 40px;
    12411241    background-color: #f7f7f7;
    12421242    background-color: rgba(0,0,0,0.03);
    … …  
    12611261
    12621262.plugin-update-tr .update-message:before {
    1263     margin: 0 8px 0 -2px;
     1263    margin: 0 10px 0 -30px;
    12641264}
    12651265
    … …  
    18341834    .wp-list-table.plugins {
    18351835        position: relative;
    1836         margin-top: 35px;
    1837         margin-bottom: 50px;
    1838     }
    1839 
    1840     .wp-list-table.plugins thead .column-description,
     1836        margin-bottom: 15px;
     1837    }
     1838
     1839    #wpbody-content .wp-list-table.plugins thead .column-description,
    18411840    #wpbody-content .wp-list-table.plugins tfoot .column-description,
    18421841    .wp-list-table.plugins th#description {
    … …  
    18571856    }
    18581857
    1859     .wp-list-table.plugins thead,
    1860     .wp-list-table.plugins tfoot {
    1861         position: absolute;
    1862         top: -35px;
    1863         left: 0;
    1864         right: 0;
    1865         width: auto;
    1866         height: 35px;
    1867     }
    1868 
    1869     .wp-list-table.plugins tfoot {
    1870         bottom: -35px;
    1871         top: auto;
    1872     }
    1873 
    18741858    .active, .inactive {
    18751859        padding-top: 0;
    … …  
    19171901    }
    19181902
     1903    .wp-list-table.plugins .manage-column.column-name {
     1904        padding-top: 11px;
     1905        padding-bottom: 12px;
     1906    }
     1907
     1908    .wp-list-table.plugins .manage-column.column-name.sortable {
     1909        padding: 4px 12px 4px 36px;
     1910    }
     1911
    19191912    .wp-list-table.plugins tr {
    19201913        position: relative;
    … …  
    19221915
    19231916    .wp-list-table.plugins th.check-column,
     1917    .wp-list-table.plugins thead td.check-column,
     1918    .wp-list-table.plugins tfoot td.check-column,
    19241919    .wp-list-table.plugins tr.update th.check-column {
    19251920        position: absolute;
    … …  
    19321927    }
    19331928
    1934     .wp-list-table.plugins thead th.check-column,
    1935     .wp-list-table.plugins tfoot th.check-column {
     1929    .wp-list-table.plugins thead td.check-column,
     1930    .wp-list-table.plugins tfoot td.check-column {
    19361931        padding-left: 3px;
    19371932        padding-top: 11px;
    … …  
    19391934    }
    19401935
    1941     .widefat tbody th.check-column input[type="checkbox"] {
     1936    .plugins tbody th.check-column input[type="checkbox"] {
    19421937        margin-top: -3px;
    1943         margin-left: 8px;
    1944     }
    1945 
    1946     .wp-list-table.plugins .active .check-column input,
    1947     .wp-list-table.plugins .update .check-column input {
     1938        margin-left: 9px;
     1939    }
     1940
     1941    .plugins tbody .active th.check-column input[type="checkbox"],
     1942    .plugins tbody .active.update th.check-column input[type="checkbox"] {
    19481943        margin-left: 5px;
    19491944    }
    … …  
    19511946    .wp-list-table.plugins thead .check-column input,
    19521947    .wp-list-table.plugins tfoot .check-column input {
    1953         margin-top: -6px;
     1948        margin-top: -2px;
     1949        margin-left: 8px;
    19541950    }
    19551951

  • trunk/src/wp-admin/includes/class-wp-list-table.php

    r32948 r32984  
    994994            }
    995995
     996            $tag = ( 'cb' === $column_key ) ? 'td' : 'th';
     997            $scope = ( 'th' === $tag ) ? 'scope="col"' : '';
    996998            $id = $with_id ? "id='$column_key'" : '';
    997999
    … …  
    9991001                $class = "class='" . join( ' ', $class ) . "'";
    10001002
    1001             echo "<th scope='col' $id $class>$column_display_name</th>";
     1003            echo "<$tag $scope $id $class>$column_display_name</$tag>";
    10021004        }
    10031005    }
Note: See TracChangeset for help on using the changeset viewer.