WordPress.org
Get WordPress

Make WordPress Core

Ticket #29897: 29897.3.patch

File 29897.3.patch, 7.7 KB (added by afercia, 11 years ago)

Fixes broken focus styles in the Dashboard, in list tables and in the Media Library/Add Themes/Add Plugins toolbars. Also fixes the media modal toolbars for IE 8.

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

     
    736736}
    737737
    738738/* @todo can we combine these into a class or use an existing dashicon one? */
    739 #welcome-panel.welcome-panel .welcome-panel-close:before,
     739.welcome-panel .welcome-panel-close:before,
    740740.tagchecklist span a:before,
    741741#bulk-titles div a:before {
    742742        background: none;
    743743        color: #bbb;
    744744        content: '\f153';
    745         display: block !important;
     745        display: block;
    746746        font: normal 16px/1 'dashicons';
    747747        speak: none;
    748         height: 20px;
     748        height: 16px;
    749749        text-align: center;
    750750        width: 20px;
    751         -webkit-font-smoothing: antialiased !important;
     751        -webkit-font-smoothing: antialiased;
     752        -moz-osx-font-smoothing: grayscale;
    752753}
    753754
    754 #welcome-panel.welcome-panel .welcome-panel-close:before {
     755.welcome-panel .welcome-panel-close:before {
    755756        margin: 0;
    756757}
    757758
    … …  
    760761        margin: 2px 0;
    761762}
    762763
    763 #welcome-panel.welcome-panel .welcome-panel-close:hover:before,
     764.welcome-panel .welcome-panel-close:hover:before,
     765.welcome-panel .welcome-panel-close:focus:before,
    764766.tagchecklist span a:hover:before,
    765767#bulk-titles div a:hover:before {
    766768        color: #c00;
    … …  
    929931        -moz-box-sizing: border-box;
    930932        box-sizing: border-box;
    931933        margin: 12px 0 25px;
    932         padding: 0 20px;
     934        padding: 0 10px 0 11px;
    933935        width: 100%;
    934936        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    935937        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    … …  
    986988}
    987989
    988990.filter-links li > a {
     991        position: relative;
    989992        display: inline-block;
    990         margin: 0 10px;
    991         padding: 15px 0;
    992         border-bottom: 4px solid #fff;
     993        margin: 11px 0;
     994        padding: 6px 10px;
    993995        color: #666;
    994996        cursor: pointer;
    995997}
    996998
    997 .filter-links .current {
    998         -webkit-box-shadow: none;
    999         box-shadow: none;
    1000         border-bottom: 4px solid #666;
     999.filter-links .current:after {
     1000        content: '';
     1001        display: block;
     1002        height: 0px;
     1003        border-bottom: 4px solid #666;
     1004        position: absolute;
     1005        right: 10px;
     1006        bottom: -12px;
     1007        left: 10px;
    10011008        color: #23282d;
    10021009}
    10031010
    … …  
    10081015        color: #00a0d2;
    10091016}
    10101017
     1018.filter-links .current:focus,
     1019.filter-links li > a:focus:active {
     1020        -webkit-box-shadow: none;
     1021        box-shadow: none;
     1022}
     1023
    10111024.wp-filter .search-form {
    10121025        float: right;
    10131026        margin: 10px 0;
    … …  
    10231036        line-height: 1.5;
    10241037}
    10251038
     1039.ie8 .media-toolbar-primary {
     1040        width: 33%;
     1041        max-width: none;
     1042}
     1043
     1044.ie8 .media-toolbar-secondary {
     1045        width: 66%;
     1046        max-width: none;
     1047}
     1048
     1049.ie8 .wp-filter .search-form input[type="search"],
     1050.ie8 .media-toolbar-primary #media-search-input {
     1051        float: right;
     1052        max-width: none;
     1053}
     1054.ie8 .media-frame-toolbar .media-toolbar-primary .media-button {
     1055        float: right;
     1056}
     1057
    10261058.wp-filter .search-form select {
    10271059        margin: 0;
    10281060        height: 32px;
    … …  
    10351067
    10361068.wp-filter .drawer-toggle {
    10371069        display: inline-block;
    1038         margin: 0 10px;
    1039         padding: 4px 6px;
     1070        margin: 11px 10px 0 10px;
     1071        padding: 6px;
    10401072        color: #666;
    10411073        cursor: pointer;
    10421074}
    … …  
    19922024        height: auto;
    19932025}
    19942026
     2027td.image-icon a {
     2028        display: inline-block;
     2029}
     2030
    19952031td.image-icon img {
     2032        display: block;
    19962033        border: 1px solid rgba(0, 0, 0, 0.07);
    19972034}
    19982035

  • src/wp-admin/css/dashboard.css

     
    146146
    147147.welcome-panel .welcome-panel-close {
    148148        position: absolute;
    149         top: 5px;
     149        top: 15px;
    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;
    155155}
    156156
    157157#welcome-panel.welcome-panel .welcome-panel-close:before {
    158158        position: absolute;
    159         left: -18px;
    160         margin-top: -2px;
     159        left: 0;
     160        top: 10px;
    161161        -webkit-transition: all .1s ease-in-out;
    162162        transition: all .1s ease-in-out;
    163163}
    … …  
    177177
    178178.welcome-panel .welcome-panel-column-container {
    179179        clear: both;
    180         overflow: hidden;
    181180        position: relative;
    182181}
    183182
    … …  
    205204}
    206205
    207206.welcome-panel .welcome-icon {
    208         display: block;
    209         padding: 0 0 8px;
    210207        background: transparent !important;
    211208}
    212209
    … …  
    265262.welcome-panel .welcome-panel-column li {
    266263        line-height: 16px;
    267264        list-style-type: none;
     265        padding: 0 0 8px;
    268266}
    269267
    270268/* Dashboard WordPress news */
    … …  
    328326
    329327#dashboard_right_now ul {
    330328        margin: 0;
    331         overflow: hidden;
     329        /* contain floats */
     330        display: table;
     331        width: 100%;
    332332}
    333333
    334334#dashboard_right_now li {
    … …  
    338338}
    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}
    349347
    … …  
    450448}
    451449
    452450#dashboard_quick_press form {
    453         overflow: hidden;
    454451        margin: 12px;
    455452}
    456453
    … …  
    570567        word-wrap: break-word;
    571568}
    572569
    573 #dashboard_quick_press .draft-title {
    574         overflow: hidden;
    575 }
    576 
    577570#dashboard_quick_press .draft-title a,
    578571#dashboard_quick_press .draft-title time {
    579         float: left;
    580572        margin: 0 5px 0 0;
    581573}
    582574
    … …  
    658650
    659651#future-posts li,
    660652#published-posts li {
    661         overflow: hidden;
    662653        margin-bottom: 8px;
    663654}
    664655
    665656#future-posts ul span,
    666657#published-posts ul span {
     658        display: inline-block;
     659        min-width: 150px;
     660        margin-right: 5px;
    667661        color: #777;
    668         float: left;
    669         margin-right: 8px;
    670         min-width: 150px;
    671662}
    672663
    673664.activity-block {
    … …  
    917908}
    918909
    919910.dashboard-comment-wrap {
    920         overflow: hidden;
    921911        word-wrap: break-word;
    922912}
    923913
    … …  
    10951085        /* Keep the close icon from overlapping the Welcome text. */
    10961086        .welcome-panel .welcome-panel-close {
    10971087                overflow: hidden;
    1098                 text-indent: 100%;
     1088                text-indent: 40px;
    10991089                white-space: nowrap;
    11001090                width: 20px;
    11011091                height: 20px;
    1102                 right: 0;
    11031092                padding: 5px;
     1093                top: 5px;
     1094                right: 5px;
    11041095        }
    11051096
    11061097        /* Make the close icon larger for tappability. */
    … …  
    11071098        #welcome-panel.welcome-panel .welcome-panel-close:before {
    11081099                font-size: 20px;
    11091100                margin: 0;
     1101                left: -35px;
    11101102        }
    11111103}

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

     
    613613
    614614.tablenav .view-switch {
    615615        float: right;
    616         margin: 5px 16px 0 8px;
     616        margin: 1px 4px;
     617        /* line-height in px same as .tablenav height */
     618        line-height: 30px;
     619        /* in list mode markup has white spaces between elements, in grid mode has not */
     620        /* need to minimize white-space but do not use 0px or IE 8 will explode */
     621        font-size: 1px;
    617622}
    618623
    619624.wp-filter .view-switch {
    620625        display: inline-block;
    621626        vertical-align: middle;
    622         padding: 15px 0;
    623         margin: 0 20px 0 0;
     627        margin: 0 7px 0 0;
     628        /* line-height in px same as .wp-filter height */
     629        line-height: 52px;
     630        /* minimize white-space */
     631        font-size: 1px;
    624632}
    625633
     634.mode-grid .wp-filter .view-switch {
     635        margin: 0 11px 0 0;
     636}
     637
    626638.view-switch a {
    627639        text-decoration: none;
    628640}
    … …  
    629641
    630642.view-switch > a {
    631643        display: inline-block;
    632         width: 18px;
    633         height: 18px;
     644        width: 28px;
     645        height: 28px;
     646        /* line-height in px same as height */
     647        line-height: 28px;
     648        text-align: center;
     649        vertical-align: middle;
    634650}
    635651
     652.tablenav .view-switch > a {
     653        vertical-align: bottom;
     654}
     655
     656.view-switch > a + a {
     657        margin-left: 5px;
     658}
     659
    636660.view-switch > a:before {
    637         color: #bbb;
    638661        display: inline-block;
    639         float: left;
    640         font: normal 20px/1 'dashicons';
     662        /* line-height in px same as link height */
     663        font: normal 20px/28px 'dashicons';
    641664        speak: none;
    642         vertical-align: middle;
    643         margin-left: 0;
     665        color: #bbb;
    644666        -webkit-font-smoothing: antialiased;
    645667        -moz-osx-font-smoothing: grayscale;
    646668}
    … …  
    657679        color: #0073aa;
    658680}
    659681
    660 .view-switch > a + a {
    661         margin-left: 5px;
    662 }
    663 
    664682.view-switch > .view-excerpt:before {
    665683        content: '\f164';
    666684}
    … …  
    15311549        }
    15321550
    15331551        .tablenav.top {
    1534                 margin: 20px 0 5px 0;
     1552                margin: 0;
    15351553        }
    15361554
    15371555        .tablenav.bottom {