WordPress.org
Get WordPress

Make WordPress Core

Changeset 20272


Ignore:
Timestamp:
03/23/2012 09:41:00 PM (13 years ago)
Author:
azaozz
Message:

Responsive columns on the dashboard and write screens, first run, see #20015

Location:
trunk/wp-admin
Files:
14 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/css/colors-classic.dev.css

    r20166 r20272  
    135135div.dashboard-widget-submit {
    136136    border-top-color: #ccc;
     137}
     138
     139ul.category-tabs li {
     140    border-color: transparent;
    137141}
    138142

  • trunk/wp-admin/css/colors-fresh.dev.css

    r20166 r20272  
    143143div.dashboard-widget-submit {
    144144    border-top-color: #ccc;
     145}
     146
     147ul.category-tabs li {
     148    border-color: transparent;
    145149}
    146150

  • trunk/wp-admin/css/ie-rtl.dev.css

    r19712 r20272  
    125125p.submit { /* quick edit and reply in edit-comments.php */
    126126    height:22px;
    127 }
    128 
    129 .inner-sidebar { /* fix edit single comment */
    130     position: static;
    131127}
    132128

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

    r19712 r20272  
    1 /* Fixes for IE bugs */
     1/* Fixes for IE 7 bugs */
     2
     3.wp-editor-wrap .wp-editor-container textarea.wp-editor-area {
     4    width: 97%;
     5}
     6
     7#post-body.columns-2 #postbox-container-1 {
     8    padding-left: 19px;
     9}
     10
    211.welcome-panel .wp-badge {
    312    position: absolute;
    … …  
    498507}
    499508
    500 * html .inner-sidebar #side-sortables,
    501509* html .postbox-container .meta-box-sortables {
    502510    height: 300px;

  • trunk/wp-admin/css/wp-admin-rtl.dev.css

    r20166 r20272  
    21182118    margin-right: 0;
    21192119    position: relative;
    2120 }
    2121 
    2122 #side-info-column {
    2123     float: left;
    2124     right: auto;
    2125     left: 0;
    21262120}
    21272121

  • trunk/wp-admin/css/wp-admin.dev.css

    r20247 r20272  
    105105
    106106/* inner 2 column liquid layout */
     107/*
    107108.inner-sidebar {
    108109    float: right;
    … …  
    141142}
    142143
    143 #post-body-content #side-sortables.empty-container {
    144     border: 0 none;
    145     height: 0;
    146 }
     144*/
    147145
    148146/* 2 columns main area */
    … …  
    916914}
    917915
    918 #post-body #major-publishing-actions {
    919     border-top: 0;
    920     margin-top: 0;
    921 }
    922 
    923916#delete-action {
    924917    line-height: 25px;
    … …  
    932925    float: right;
    933926    line-height: 23px;
    934 }
    935 
    936 #post-body #minor-publishing {
    937     padding-bottom: 10px;
    938 }
    939 
    940 #post-body #misc-publishing-actions {
    941     padding: 0;
    942 }
    943 
    944 #post-body .misc-pub-section {
    945     border-left-width: 1px;
    946     border-left-style: solid;
    947     border-top: 0;
    948     border-bottom: 0;
    949     min-height: 30px;
    950     float: left;
    951     max-width: 32%;
    952 }
    953 
    954 #post-body .misc-pub-section:first-child {
    955     border-left: 0;
    956 }
    957 
    958 #post-body .misc-pub-section-last {
    959     border-right: 0;
    960927}
    961928
    … …  
    12181185}
    12191186
     1187.metabox-prefs .columns-prefs label input {
     1188    margin: 0 2px;
     1189}
     1190
    12201191.metabox-prefs label a {
    12211192    display: none;
    … …  
    18261797}
    18271798
     1799/* Screens with postboxes */
    18281800.postbox-container {
    18291801    float: left;
    18301802}
    18311803
     1804#dashboard-widgets.columns-1 .postbox-container {
     1805    width: 100%;
     1806}
     1807
     1808#dashboard-widgets.columns-2 .postbox-container {
     1809    width: 49.5%;
     1810}
     1811
     1812#dashboard-widgets.columns-2 #postbox-container-2,
     1813#dashboard-widgets.columns-2 #postbox-container-3,
     1814#dashboard-widgets.columns-2 #postbox-container-4 {
     1815    float: right;
     1816    width: 50.5%;
     1817}
     1818
     1819#dashboard-widgets.columns-3 .postbox-container {
     1820    width: 33.5%;
     1821}
     1822
     1823#dashboard-widgets.columns-3 #postbox-container-1 {
     1824    width: 33%;
     1825}
     1826
     1827#dashboard-widgets.columns-3 #postbox-container-3,
     1828#dashboard-widgets.columns-3 #postbox-container-4 {
     1829    float: right;
     1830}
     1831
     1832#dashboard-widgets.columns-4 .postbox-container {
     1833    width: 25%;
     1834}
     1835
    18321836.postbox-container .meta-box-sortables {
    1833     min-height: 350px;
    1834 }
    1835 
    1836 .postbox-container .meta-box-sortables.empty-container,
    1837 #side-sortables.empty-container {
     1837    min-height: 50px;
     1838    -moz-box-sizing: border-box;
     1839    -webkit-box-sizing: border-box;
     1840    -ms-box-sizing: border-box;
     1841    box-sizing: border-box;
     1842}
     1843
     1844.postbox-container .meta-box-sortables:empty {
     1845    min-height: 0;
     1846    height: 0;
     1847}
     1848
     1849.metabox-holder .postbox-container .empty-container {
    18381850    border: 3px dashed #CCCCCC;
    1839     height: 350px;
     1851    height: 250px;
     1852}
     1853
     1854.metabox-holder.columns-1 .postbox-container .empty-container,
     1855.columns-2 #postbox-container-3 .empty-container,
     1856.columns-2 #postbox-container-4 .empty-container,
     1857.columns-3 #postbox-container-4 .empty-container {
     1858    border: 0 none;
     1859    height: 0;
     1860    min-height: 0;
     1861}
     1862
     1863#poststuff {
     1864    padding-top: 10px;
     1865}
     1866
     1867#poststuff #post-body {
     1868    padding: 0;
     1869}
     1870
     1871#post-body-content {
     1872    width: 100%;
     1873    float: left;
     1874}
     1875
     1876#poststuff .postbox-container {
     1877    width: 100%;
     1878}
     1879
     1880#poststuff #post-body.columns-2 {
     1881    margin-right: 300px;
     1882}
     1883
     1884#post-body.columns-2 #postbox-container-1 {
     1885    float: right;
     1886    margin-right: -300px;
     1887    width: 280px;
     1888}
     1889
     1890/* one column on the dash */
     1891@media only screen and (max-width: 768px) {
     1892    #wpbody-content #dashboard-widgets .postbox-container {
     1893        width: 100%;
     1894    }
     1895
     1896    #wpbody-content .metabox-holder .postbox-container .empty-container {
     1897        border: 0 none;
     1898        height: 0;
     1899        min-height: 0;
     1900    }
     1901}
     1902
     1903/* two columns on the dash, but keep the setting if one is selected */
     1904@media only screen and (min-width: 768px) and (max-width: 1200px) {
     1905    #wpbody-content #dashboard-widgets .postbox-container {
     1906        width: 49.5%;
     1907    }
     1908   
     1909    #wpbody-content #dashboard-widgets #postbox-container-2,
     1910    #wpbody-content #dashboard-widgets #postbox-container-3,
     1911    #wpbody-content #dashboard-widgets #postbox-container-4 {
     1912        float: right;
     1913        width: 50.5%;
     1914    }
     1915   
     1916    #wpbody-content .metabox-holder .postbox-container .empty-container,
     1917    #wpbody-content  #postbox-container-3 .empty-container,
     1918    #wpbody-content  #postbox-container-4 .empty-container {
     1919        border: 0 none;
     1920        height: 0;
     1921        min-height: 0;
     1922    }
     1923   
     1924    #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
     1925        width: 100%;
     1926    }
     1927
     1928    #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
     1929        border: 0 none;
     1930        height: 0;
     1931        min-height: 0;
     1932    }
     1933
     1934    /* show the radio buttons for column prefs only for one or two columns */
     1935    .index-php .screen-layout,
     1936    .index-php .columns-prefs {
     1937        display: block;
     1938    }
     1939
     1940    .columns-prefs .columns-prefs-3,
     1941    .columns-prefs .columns-prefs-4 {
     1942        display: none;
     1943    }
     1944}
     1945
     1946/* one column on the post write/edit screen */
     1947@media only screen and (max-width: 1024px) {
     1948    #wpbody-content #poststuff #post-body {
     1949        margin: 0;
     1950    }
     1951   
     1952    #wpbody-content #post-body.columns-2 #postbox-container-1 {
     1953        margin-right: 0;
     1954        width: 100%;
     1955    }
     1956
     1957    /* hide the radio buttons for column prefs */
     1958    .screen-layout,
     1959    .columns-prefs {
     1960        display: none;
     1961    }
    18401962}
    18411963
    … …  
    27472869}
    27482870
    2749 #post-body ul.category-tabs,
    2750 #post-body ul.add-menu-item-tabs {
    2751     float: left;
    2752     width: 120px;
    2753     text-align: right;
    2754     /* Negative margin for the sake of those without JS: all tabs display */
    2755     margin: 0 -120px 0 5px;
    2756     padding: 0;
    2757 }
    2758 
    2759 #post-body ul.category-tabs li,
    2760 #post-body ul.add-menu-item-tabs li {
    2761     padding: 8px;
    2762 }
    2763 
    2764 #post-body ul.category-tabs li.tabs,
    2765 #post-body ul.add-menu-item-tabs li.tabs {
    2766     -webkit-border-top-left-radius: 3px;
    2767     -webkit-border-bottom-left-radius: 3px;
    2768     border-top-left-radius: 3px;
    2769     border-bottom-left-radius: 3px;
    2770 }
    2771 
    2772 .wp-tab-panel,
    2773 .categorydiv div.tabs-panel,
    2774 .customlinkdiv div.tabs-panel,
    2775 .posttypediv div.tabs-panel,
    2776 .taxonomydiv div.tabs-panel,
    2777 #linkcategorydiv div.tabs-panel {
    2778     height: 200px;
    2779     overflow: auto;
    2780     padding: 0.5em 0.9em;
    2781     border-style: solid;
    2782     border-width: 1px;
    2783 }
    2784 
    2785 .nav-menus-php .customlinkdiv div.tabs-panel,
    2786 .nav-menus-php .posttypediv div.tabs-panel,
    2787 .nav-menus-php .taxonomydiv div.tabs-panel {
    2788     height: auto;
    2789     max-height: 205px;
    2790 }
    2791 
    2792 div.tabs-panel-active {
    2793     display:block;
    2794 }
    2795 
    2796 div.tabs-panel-inactive {
    2797     display:none;
    2798 }
    2799 
    2800 #post-body .categorydiv div.tabs-panel,
    2801 .taxonomy div.tabs-panel,
    2802 #post-body #linkcategorydiv div.tabs-panel {
    2803     margin: 0 5px 0 125px;
    2804 }
    2805 
    28062871.press-this #side-sortables .category-tabs li,
    2807 .has-right-sidebar #side-sortables .category-tabs li,
     2872ul.category-tabs li,
    28082873#side-sortables .add-menu-item-tabs li,
    28092874.wp-tab-bar li {
    … …  
    28122877}
    28132878
    2814 .no-js #side-sortables .category-tabs li.hide-if-no-js {
     2879.no-js .category-tabs li.hide-if-no-js {
    28152880    display: none;
    28162881}
    28172882
    2818 #side-sortables .category-tabs a,
     2883.category-tabs a,
    28192884#side-sortables .add-menu-item-tabs a,
    28202885.wp-tab-bar a {
    … …  
    28222887}
    28232888
    2824 #side-sortables .category-tabs {
     2889.category-tabs {
    28252890    margin: 8px 0 3px;
    28262891}
    … …  
    28332898.wp-tab-bar {
    28342899    margin-bottom: 3px;
    2835 }
    2836 
    2837 .categorydiv ul,
    2838 .customlinkdiv ul,
    2839 .posttypediv ul,
    2840 .taxonomydiv ul,
    2841 #linkcategorydiv ul {
    2842     list-style: none;
    2843     padding: 0;
    2844     margin: 0;
    28452900}
    28462901
    … …  
    28682923}
    28692924
    2870 ul.category-tabs li.tabs,
     2925ul.category-tabs li,
    28712926ul.add-menu-item-tabs li.tabs,
    28722927.wp-tab-active {
    … …  
    28752930}
    28762931
    2877 #post-body .category-tabs li.tabs,
    28782932#post-body .add-menu-item-tabs li.tabs {
    28792933    border-style: solid none solid solid;
    … …  
    31423196}
    31433197
    3144 #post-body ul.category-tabs,
    31453198#post-body ul.add-menu-item-tabs {
    31463199    float: left;
    … …  
    31523205}
    31533206
    3154 #post-body ul.category-tabs li,
    31553207#post-body ul.add-menu-item-tabs li {
    31563208    padding: 8px;
    31573209}
    31583210
    3159 #post-body ul.category-tabs li.tabs,
    31603211#post-body ul.add-menu-item-tabs li.tabs {
    31613212    -webkit-border-top-left-radius: 3px;
    … …  
    31653216}
    31663217
     3218.wp-tab-panel,
    31673219.categorydiv div.tabs-panel,
    31683220.customlinkdiv div.tabs-panel,
    31693221.posttypediv div.tabs-panel,
    3170 .taxonomydiv div.tabs-panel,
    3171 #linkcategorydiv div.tabs-panel {
     3222.taxonomydiv div.tabs-panel {
    31723223    height: 200px;
    31733224    overflow: auto;
    … …  
    31923243}
    31933244
    3194 #post-body .categorydiv div.tabs-panel,
    3195 .taxonomy div.tabs-panel,
    3196 #post-body #linkcategorydiv div.tabs-panel {
     3245.colunms-1 .categorydiv div.tabs-panel,
     3246.taxonomy div.tabs-panel {
    31973247    margin: 0 5px 0 125px;
    31983248}
    31993249
    3200 .categorydiv ul,
    32013250.customlinkdiv ul,
    32023251.posttypediv ul,
    3203 .taxonomydiv ul,
    3204 #linkcategorydiv ul {
     3252.taxonomydiv ul {
    32053253    list-style: none;
    32063254    padding: 0;
    … …  
    32153263.customlinkdiv ul.categorychecklist ul,
    32163264.posttypediv ul.categorychecklist ul,
    3217 .taxonomydiv ul.categorychecklist ul,
    3218 #linkcategorydiv ul.categorychecklist ul {
     3265.taxonomydiv ul.categorychecklist ul {
    32193266    margin-left: 18px;
    32203267}
    … …  
    42454292}
    42464293
    4247 #post-body ul.category-tabs li.tabs a,
    42484294#post-body ul.add-menu-item-tabs li.tabs a,
    42494295#TB_window #TB_title a.tb-theme-preview-link,
    … …  
    51715217}
    51725218
    5173 .wp-editor-container textarea.wp-editor-area {
    5174     width: 99.9%;
    5175 }
    5176 
    51775219#template div {
    51785220    margin-right: 190px;

  • trunk/wp-admin/edit-form-advanced.php

    r19593 r20272  
    273273?>
    274274
    275 <div id="poststuff" class="metabox-holder<?php echo 1 != $screen_layout_columns ? ' has-right-sidebar' : ''; ?>">
    276 <div id="side-info-column" class="inner-sidebar">
    277 <?php
    278 if ( 1 != $screen_layout_columns ) {
    279     ('page' == $post_type) ? do_action('submitpage_box') : do_action('submitpost_box');
    280     $side_meta_boxes = do_meta_boxes($post_type, 'side', $post);
    281 }
    282 ?>
    283 </div>
    284 
    285 <div id="post-body">
     275<div id="poststuff">
     276
     277<div id="post-body" class="metabox-holder columns-<?php echo 1 == $screen_layout_columns ? '1' : '2'; ?>">
    286278<div id="post-body-content">
    287279<?php if ( post_type_supports($post_type, 'title') ) { ?>
    … …  
    339331
    340332</div>
    341 
    342 <?php
    343 }
    344 
    345 if ( 1 == $screen_layout_columns ) {
    346     ('page' == $post_type) ? do_action('submitpage_box') : do_action('submitpost_box');
    347     $side_meta_boxes = do_meta_boxes($post_type, 'side', $post);
    348 }
     333</div><!-- /post-body-content -->
     334<?php
     335}
     336
     337?>
     338<div id="postbox-container-1" class="postbox-container">
     339<?php
     340
     341if ( 'page' == $post_type )
     342    do_action('submitpage_box');
     343else
     344    do_action('submitpost_box');
     345
     346do_meta_boxes($post_type, 'side', $post);
     347
     348?>
     349</div>
     350<div id="postbox-container-2" class="postbox-container">
     351<?php
    349352
    350353do_meta_boxes(null, 'normal', $post);
    351354
    352 ( 'page' == $post_type ) ? do_action('edit_page_form') : do_action('edit_form_advanced');
     355if ( 'page' == $post_type )
     356    do_action('edit_page_form');
     357else
     358    do_action('edit_form_advanced');
    353359
    354360do_meta_boxes(null, 'advanced', $post);
    355361
    356 do_action('dbx_post_sidebar'); ?>
    357 
    358 </div>
    359 </div>
     362?>
     363</div>
     364<?php
     365
     366do_action('dbx_post_sidebar');
     367
     368?>
     369</div><!-- /post-body -->
    360370<br class="clear" />
    361371</div><!-- /poststuff -->

  • trunk/wp-admin/edit-form-comment.php

    r20196 r20272  
    1717<h2><?php _e('Edit Comment'); ?></h2>
    1818
    19 <div id="poststuff" class="metabox-holder has-right-sidebar">
     19<div id="poststuff">
    2020<input type="hidden" name="user_ID" value="<?php echo (int) $user_ID; ?>" />
    2121<input type="hidden" name="action" value="editedcomment" />
    … …  
    2323<input type="hidden" name="comment_post_ID" value="<?php echo esc_attr( $comment->comment_post_ID ); ?>" />
    2424
    25 <div id="side-info-column" class="inner-sidebar">
     25<div id="post-body" class="metabox-holder columns-2">
     26<div id="post-body-content">
     27<div id="namediv" class="stuffbox">
     28<h3><label for="name"><?php _e( 'Author' ) ?></label></h3>
     29<div class="inside">
     30<table class="form-table editcomment">
     31<tbody>
     32<tr valign="top">
     33    <td class="first"><?php _e( 'Name:' ); ?></td>
     34    <td><input type="text" name="newcomment_author" size="30" value="<?php echo esc_attr( $comment->comment_author ); ?>" tabindex="1" id="name" /></td>
     35</tr>
     36<tr valign="top">
     37    <td class="first">
     38    <?php
     39        if ( $comment->comment_author_email ) {
     40            printf( __( 'E-mail (%s):' ), get_comment_author_email_link( __( 'send e-mail' ), '', '' ) );
     41        } else {
     42            _e( 'E-mail:' );
     43        }
     44?></td>
     45    <td><input type="text" name="newcomment_author_email" size="30" value="<?php echo $comment->comment_author_email; ?>" tabindex="2" id="email" /></td>
     46</tr>
     47<tr valign="top">
     48    <td class="first">
     49    <?php
     50        if ( ! empty( $comment->comment_author_url ) && 'http://' != $comment->comment_author_url ) {
     51            $link = '<a href="' . $comment->comment_author_url . '" rel="external nofollow" target="_blank">' . __('visit site') . '</a>';
     52            printf( __( 'URL (%s):' ), apply_filters('get_comment_author_link', $link ) );
     53        } else {
     54            _e( 'URL:' );
     55        } ?></td>
     56    <td><input type="text" id="newcomment_author_url" name="newcomment_author_url" size="30" class="code" value="<?php echo esc_attr($comment->comment_author_url); ?>" tabindex="3" /></td>
     57</tr>
     58</tbody>
     59</table>
     60<br />
     61</div>
     62</div>
     63
     64<div id="postdiv" class="postarea">
     65<?php
     66    $quicktags_settings = array( 'buttons' => 'strong,em,link,block,del,ins,img,ul,ol,li,code,spell,close' );
     67    wp_editor( $comment->comment_content, 'content', array( 'media_buttons' => false, 'tinymce' => false, 'quicktags' => $quicktags_settings ) );
     68    wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); ?>
     69</div>
     70</div><!-- /post-body-content -->
     71
     72<div id="postbox-container-1" class="postbox-container">
    2673<div id="submitdiv" class="stuffbox" >
    2774<h3><span class='hndle'><?php _e('Status') ?></span></h3>
    … …  
    70117</div>
    71118</div>
    72 </div>
     119</div><!-- /submitdiv -->
    73120</div>
    74121
    75 <div id="post-body">
    76 <div id="post-body-content">
    77 <div id="namediv" class="stuffbox">
    78 <h3><label for="name"><?php _e( 'Author' ) ?></label></h3>
    79 <div class="inside">
    80 <table class="form-table editcomment">
    81 <tbody>
    82 <tr valign="top">
    83     <td class="first"><?php _e( 'Name:' ); ?></td>
    84     <td><input type="text" name="newcomment_author" size="30" value="<?php echo esc_attr( $comment->comment_author ); ?>" tabindex="1" id="name" /></td>
    85 </tr>
    86 <tr valign="top">
    87     <td class="first">
    88     <?php
    89         if ( $comment->comment_author_email ) {
    90             printf( __( 'E-mail (%s):' ), get_comment_author_email_link( __( 'send e-mail' ), '', '' ) );
    91         } else {
    92             _e( 'E-mail:' );
    93         }
    94 ?></td>
    95     <td><input type="text" name="newcomment_author_email" size="30" value="<?php echo $comment->comment_author_email; ?>" tabindex="2" id="email" /></td>
    96 </tr>
    97 <tr valign="top">
    98     <td class="first">
    99     <?php
    100         if ( ! empty( $comment->comment_author_url ) && 'http://' != $comment->comment_author_url ) {
    101             $link = '<a href="' . $comment->comment_author_url . '" rel="external nofollow" target="_blank">' . __('visit site') . '</a>';
    102             printf( __( 'URL (%s):' ), apply_filters('get_comment_author_link', $link ) );
    103         } else {
    104             _e( 'URL:' );
    105         } ?></td>
    106     <td><input type="text" id="newcomment_author_url" name="newcomment_author_url" size="30" class="code" value="<?php echo esc_attr($comment->comment_author_url); ?>" tabindex="3" /></td>
    107 </tr>
    108 </tbody>
    109 </table>
    110 <br />
    111 </div>
    112 </div>
     122<div id="postbox-container-2" class="postbox-container">
     123<?php
    113124
    114 <div id="postdiv" class="postarea">
    115 <?php
    116     $quicktags_settings = array( 'buttons' => 'strong,em,link,block,del,ins,img,ul,ol,li,code,spell,close' );
    117     wp_editor( $comment->comment_content, 'content', array( 'media_buttons' => false, 'tinymce' => false, 'quicktags' => $quicktags_settings ) );
    118     wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); ?>
    119 </div>
    120 
    121 <?php
    122125do_action('add_meta_boxes', 'comment', $comment);
    123126do_action('add_meta_boxes_comment', $comment);
    124127
    125128do_meta_boxes(null, 'normal', $comment);
     129
    126130?>
     131</div>
     132
    127133<input type="hidden" name="c" value="<?php echo esc_attr($comment->comment_ID) ?>" />
    128134<input type="hidden" name="p" value="<?php echo esc_attr($comment->comment_post_ID) ?>" />
    … …  
    131137<input type="hidden" name="noredir" value="1" />
    132138
    133 </div>
    134 </div>
     139</div><!-- /post-body -->
    135140</div>
    136141</div>

  • trunk/wp-admin/edit-link-form.php

    r19514 r20272  
    7676wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false ); ?>
    7777
    78 <div id="poststuff" class="metabox-holder<?php echo 1 != $screen_layout_columns ? ' has-right-sidebar' : ''; ?>">
    79 <div id="side-info-column" class="inner-sidebar">
    80 <?php
    81 if ( 1 != $screen_layout_columns ) {
    82     do_action('submitlink_box');
    83     $side_meta_boxes = do_meta_boxes( 'link', 'side', $link );
    84 }
    85 ?>
    86 </div>
     78<div id="poststuff">
    8779
    88 <div id="post-body">
     80<div id="post-body" class="metabox-holder columns-<?php echo 1 == $screen_layout_columns ? '1' : '2'; ?>">
    8981<div id="post-body-content">
    9082<div id="namediv" class="stuffbox">
    … …  
    111103</div>
    112104</div>
     105</div><!-- /post-body-content -->
    113106
     107<div id="postbox-container-1" class="postbox-container">
    114108<?php
    115109
    116 if ( 1 == $screen_layout_columns ) {
    117     do_action('submitlink_box');
    118     $side_meta_boxes = do_meta_boxes( 'link', 'side', $link );
    119 }
     110do_action('submitlink_box');
     111$side_meta_boxes = do_meta_boxes( 'link', 'side', $link );
     112
     113?>
     114</div>
     115<div id="postbox-container-2" class="postbox-container">
     116<?php
    120117
    121118do_meta_boxes(null, 'normal', $link);
    122119
    123120do_meta_boxes(null, 'advanced', $link);
     121
     122?>
     123</div>
     124<?php
    124125
    125126if ( $link_id ) : ?>
    … …  
    134135</div>
    135136</div>
    136 </div>
    137137
    138138</form>

  • trunk/wp-admin/includes/dashboard.php

    r20168 r20272  
    197197
    198198    $screen = get_current_screen();
    199 
    200     $hide2 = $hide3 = $hide4 = '';
    201     switch ( $screen_layout_columns ) {
    202         case 4:
    203             $width = 'width:25%;';
    204             break;
    205         case 3:
    206             $width = 'width:33.333333%;';
    207             $hide4 = 'display:none;';
    208             break;
    209         case 2:
    210             $width = 'width:50%;';
    211             $hide3 = $hide4 = 'display:none;';
    212             break;
    213         default:
    214             $width = 'width:100%;';
    215             $hide2 = $hide3 = $hide4 = 'display:none;';
    216     }
     199    $class = 'columns-' . $screen_layout_columns;
     200
    217201?>
    218 <div id="dashboard-widgets" class="metabox-holder">
    219 <?php
    220     echo "\t<div id='postbox-container-1' class='postbox-container' style='$width'>\n";
    221     do_meta_boxes( $screen->id, 'normal', '' );
    222 
    223     echo "\t</div><div id='postbox-container-2' class='postbox-container' style='{$hide2}$width'>\n";
    224     do_meta_boxes( $screen->id, 'side', '' );
    225 
    226     echo "\t</div><div id='postbox-container-3' class='postbox-container' style='{$hide3}$width'>\n";
    227     do_meta_boxes( $screen->id, 'column3', '' );
    228 
    229     echo "\t</div><div id='postbox-container-4' class='postbox-container' style='{$hide4}$width'>\n";
    230     do_meta_boxes( $screen->id, 'column4', '' );
    231 ?>
    232 </div></div>
    233 
    234 <form style="display:none" method="get" action="">
    235     <p>
     202<div id="dashboard-widgets" class="metabox-holder <?php echo $class; ?>">
     203    <div id='postbox-container-1' class='postbox-container'>
     204    <?php do_meta_boxes( $screen->id, 'normal', '' ); ?>
     205    </div>
     206    <div id='postbox-container-2' class='postbox-container'>
     207    <?php do_meta_boxes( $screen->id, 'side', '' ); ?>
     208    </div>
     209    <div id='postbox-container-3' class='postbox-container'>
     210    <?php do_meta_boxes( $screen->id, 'column3', '' ); ?>
     211    </div>
     212    <div id='postbox-container-4' class='postbox-container'>
     213    <?php do_meta_boxes( $screen->id, 'column4', '' ); ?>
     214    </div>
     215</div>
     216
    236217<?php
    237218    wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false );
    238219    wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false );
    239 ?>
    240     </p>
    241 </form>
    242 
    243 <?php
     220
    244221}
    245222

  • trunk/wp-admin/includes/meta-boxes.php

    r20164 r20272  
    659659 * @param object $link
    660660 */
    661 function link_categories_meta_box($link) { ?>
    662 <ul id="category-tabs" class="category-tabs">
    663     <li class="tabs"><a href="#categories-all"><?php _e( 'All Categories' ); ?></a></li>
    664     <li class="hide-if-no-js"><a href="#categories-pop"><?php _e( 'Most Used' ); ?></a></li>
    665 </ul>
    666 
    667 <div id="categories-all" class="tabs-panel">
    668     <ul id="categorychecklist" class="list:category categorychecklist form-no-clear">
    669         <?php
    670         if ( isset($link->link_id) )
    671             wp_link_category_checklist($link->link_id);
    672         else
    673             wp_link_category_checklist();
    674         ?>
     661function link_categories_meta_box($link) {
     662?>
     663<div id="taxonomy-linkcategory" class="categorydiv">
     664    <ul id="category-tabs" class="category-tabs">
     665        <li class="tabs"><a href="#categories-all"><?php _e( 'All Categories' ); ?></a></li>
     666        <li class="hide-if-no-js"><a href="#categories-pop"><?php _e( 'Most Used' ); ?></a></li>
    675667    </ul>
    676 </div>
    677 
    678 <div id="categories-pop" class="tabs-panel" style="display: none;">
    679     <ul id="categorychecklist-pop" class="categorychecklist form-no-clear">
    680         <?php wp_popular_terms_checklist('link_category'); ?>
    681     </ul>
    682 </div>
    683 
    684 <div id="category-adder" class="wp-hidden-children">
    685     <h4><a id="category-add-toggle" href="#category-add"><?php _e( '+ Add New Category' ); ?></a></h4>
    686     <p id="link-category-add" class="wp-hidden-child">
    687         <label class="screen-reader-text" for="newcat"><?php _e( '+ Add New Category' ); ?></label>
    688         <input type="text" name="newcat" id="newcat" class="form-required form-input-tip" value="<?php esc_attr_e( 'New category name' ); ?>" aria-required="true" />
    689         <input type="button" id="category-add-submit" class="add:categorychecklist:linkcategorydiv button" value="<?php esc_attr_e( 'Add' ); ?>" />
    690         <?php wp_nonce_field( 'add-link-category', '_ajax_nonce', false ); ?>
    691         <span id="category-ajax-response"></span>
    692     </p>
     668   
     669    <div id="categories-all" class="tabs-panel">
     670        <ul id="categorychecklist" class="list:category categorychecklist form-no-clear">
     671            <?php
     672            if ( isset($link->link_id) )
     673                wp_link_category_checklist($link->link_id);
     674            else
     675                wp_link_category_checklist();
     676            ?>
     677        </ul>
     678    </div>
     679   
     680    <div id="categories-pop" class="tabs-panel" style="display: none;">
     681        <ul id="categorychecklist-pop" class="categorychecklist form-no-clear">
     682            <?php wp_popular_terms_checklist('link_category'); ?>
     683        </ul>
     684    </div>
     685   
     686    <div id="category-adder" class="wp-hidden-children">
     687        <h4><a id="category-add-toggle" href="#category-add"><?php _e( '+ Add New Category' ); ?></a></h4>
     688        <p id="link-category-add" class="wp-hidden-child">
     689            <label class="screen-reader-text" for="newcat"><?php _e( '+ Add New Category' ); ?></label>
     690            <input type="text" name="newcat" id="newcat" class="form-required form-input-tip" value="<?php esc_attr_e( 'New category name' ); ?>" aria-required="true" />
     691            <input type="button" id="category-add-submit" class="add:categorychecklist:linkcategorydiv button" value="<?php esc_attr_e( 'Add' ); ?>" />
     692            <?php wp_nonce_field( 'add-link-category', '_ajax_nonce', false ); ?>
     693            <span id="category-ajax-response"></span>
     694        </p>
     695    </div>
    693696</div>
    694697<?php

  • trunk/wp-admin/includes/screen.php

    r20168 r20272  
    930930
    931931        ?>
    932         <h5><?php _e('Screen Layout'); ?></h5>
     932        <h5 class="screen-layout"><?php _e('Screen Layout'); ?></h5>
    933933        <div class='columns-prefs'><?php
    934934            _e('Number of Columns:');
    935935            for ( $i = 1; $i <= $num; ++$i ):
    936936                ?>
    937                 <label>
     937                <label class="columns-prefs-<?php echo $i; ?>">
    938938                    <input type='radio' name='screen_columns' value='<?php echo esc_attr( $i ); ?>'
    939939                        <?php checked( $screen_layout_columns, $i ); ?> />

  • trunk/wp-admin/js/common.dev.js

    r19647 r20272  
    352352    }
    353353
    354     // auto-fold the menu when screen is under 800px
     354    // auto-fold the menu when screen is under 900px
    355355    $(window).bind('resize.autofold', function(){
    356356        if ( getUserSetting('mfold') == 'f' )
    … …  
    360360
    361361        // fold admin menu
    362         if ( width <= 800 ) {
     362        if ( width <= 900 ) {
    363363            if ( !folded ) {
    364364                $(document.body).addClass('folded');

  • trunk/wp-admin/js/postbox.dev.js

    r18926 r20272  
    44    postboxes = {
    55        add_postbox_toggles : function(page, args) {
    6             this.init(page, args);
     6            var self = this;
     7
     8            self.init(page, args);
    79
    810            $('.postbox h3, .postbox .handlediv').bind('click.postboxes', function() {
    … …  
    1315
    1416                p.toggleClass('closed');
    15                 postboxes.save_state(page);
     17
     18                if ( page != 'press-this' )
     19                    self.save_state(page);
    1620
    1721                if ( id ) {
    1822                    if ( !p.hasClass('closed') && $.isFunction(postboxes.pbshow) )
    19                         postboxes.pbshow(id);
     23                        self.pbshow(id);
    2024                    else if ( p.hasClass('closed') && $.isFunction(postboxes.pbhide) )
    21                         postboxes.pbhide(id);
     25                        self.pbhide(id);
    2226                }
    2327            });
    … …  
    3943                    $('#' + box).show();
    4044                    if ( $.isFunction( postboxes.pbshow ) )
    41                         postboxes.pbshow( box );
     45                        self.pbshow( box );
    4246                } else {
    4347                    $('#' + box).hide();
    4448                    if ( $.isFunction( postboxes.pbhide ) )
    45                         postboxes.pbhide( box );
     49                        self.pbhide( box );
    4650                }
    47                 postboxes.save_state(page);
    48                 postboxes._mark_area();
     51                self.save_state(page);
     52                self._mark_area();
    4953            });
    5054
    5155            $('.columns-prefs input[type="radio"]').bind('click.postboxes', function(){
    52                 var n = parseInt($(this).val(), 10), pb = postboxes;
     56                var n = parseInt($(this).val(), 10);
    5357
    5458                if ( n ) {
    55                     pb._pb_edit(n);
    56                     pb.save_order(page);
     59                    self._pb_edit(n);
     60                    self.save_order(page);
    5761                }
    5862            });
    … …  
    8993            });
    9094
    91             if ( navigator.userAgent.match(/iPad/) ) {
    92                 $(document.body).bind('orientationchange', function(){ postboxes._pb_change(); });
     95            if ( navigator.userAgent.match(/mobile/i) ) {
     96                $(document.body).bind('orientationchange.postboxes', function(){ postboxes._pb_change(); });
    9397                this._pb_change();
    9498            }
    … …  
    125129        },
    126130
    127         _colname : function(n) {
    128             switch (n) {
    129                 case 1:
    130                     return 'normal';
    131                     break
    132                 case 2:
    133                     return 'side';
    134                     break
    135                 case 3:
    136                     return 'column3';
    137                     break
    138                 case 4:
    139                     return 'column4';
    140                     break
    141                 default:
    142                     return '';
    143             }
    144         },
     131        _mark_area : function() {
     132            var visible = $('div.postbox:visible').length;
    145133
    146         _mark_area : function() {
    147             $('#side-info-column .meta-box-sortables:visible, #dashboard-widgets .meta-box-sortables:visible').each(function(n, el){
     134            $('#post-body .meta-box-sortables:visible, #dashboard-widgets .meta-box-sortables:visible').not('#advanced-sortables').each(function(n, el){
    148135                var t = $(this);
    149136
    150                 if ( !t.children('.postbox:visible').length )
     137                if ( visible == 1 || t.children('.postbox:visible').length )
     138                    t.removeClass('empty-container');
     139                else
    151140                    t.addClass('empty-container');
    152                 else
    153                     t.removeClass('empty-container');
    154141            });
    155142        },
    156143
    157144        _pb_edit : function(n) {
    158             var ps = $('#poststuff'), i, el, done, pb = postboxes, visible = $('.postbox-container:visible').length;
    159 
    160             if ( n == visible )
    161                 return;
    162 
    163             if ( ps.length ) {
    164                 if ( n == 2 ) {
    165                     $('.wrap').removeClass('columns-1').addClass('columns-2');
    166                     ps.addClass('has-right-sidebar');
    167 
    168                     if ( !$('#side-info-column #side-sortables').length )
    169                         $('#side-info-column').append( $('#side-sortables') );
    170 
    171                 } else if ( n == 1 ) {
    172                     $('.wrap').removeClass('columns-2').addClass('columns-1');
    173                     ps.removeClass('has-right-sidebar');
    174 
    175                     if ( !$('#post-body-content #side-sortables').length )
    176                         $('#normal-sortables').before( $('#side-sortables') );
    177                 }
    178             } else {
    179                 for ( i = 4; ( i > n && i > 1 ); i-- ) {
    180                     el = $('#' + postboxes._colname(i) + '-sortables');
    181                     $('#' + postboxes._colname(i-1) + '-sortables').append(el.children('.postbox'));
    182                     el.parent().hide();
    183                 }
    184 
    185                 for ( i = n; i > 0; i-- ) {
    186                     el = $('#' + postboxes._colname(i) + '-sortables');
    187                     done = false;
    188 
    189                     if ( el.parent().is(':hidden') ) {
    190                         switch ( i ) {
    191                             case 4:
    192                                 done = pb._move_one( el, $('.postbox:visible', $('#column3-sortables')) );
    193                             case 3:
    194                                 if ( !done )
    195                                     done = pb._move_one( el, $('.postbox:visible', $('#side-sortables')) );
    196                             case 2:
    197                                 if ( !done )
    198                                     done = pb._move_one( el, $('.postbox:visible', $('#normal-sortables')) );
    199                             default:
    200                                 if ( !done )
    201                                     el.addClass('empty-container')
    202                         }
    203 
    204                         el.parent().show();
    205                     }
    206                 }
    207 
    208                 $('.postbox-container:visible').css('width', 100/n + '%');
    209             }
     145            var el = $('.metabox-holder').get(0);
     146            el.className = el.className.replace(/columns-\d+/, 'columns-' + n);
    210147        },
    211148
    … …  
    226163        },
    227164
    228         _move_one : function(el, move) {
    229             if ( move.length > 1 ) {
    230                 el.append( move.last() );
    231                 return true;
    232             }
    233             return false;
    234         },
    235 
    236165        /* Callbacks */
    237166        pbshow : false,
Note: See TracChangeset for help on using the changeset viewer.