WordPress.org

Make WordPress Core

Changeset 8726


Ignore:
Timestamp:
08/25/08 10:17:41 (7 years ago)
Author:
azaozz
Message:

Some 'Show on screen' metabox settings styling, see #7552

Location:
trunk/wp-admin
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r8720 r8726  
    5656li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links, 
    5757ul.view-switch li.current, .form-table tr, #poststuff h3, #replyhandle, 
    58 .login form, h3.info-box-title, #post-status-info { 
     58.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap { 
    5959    background-color: #cfebf7; 
    6060} 
     
    764764    color: #fff; 
    765765} 
     766 
     767#edit-settings-wrap, 
     768#show-settings { 
     769    background-color: #14568A; 
     770    border-color: #14568A; 
     771    color: #CFEBF6; 
     772} 
     773 
     774#show-settings a, 
     775#show-settings a:visited { 
     776    color: #CFEBF6; 
     777} 
     778 
     779#show-settings.show-settings-opened { 
     780    border-bottom-color: #14568A; 
     781} 
  • trunk/wp-admin/css/colors-fresh.css

    r8720 r8726  
    5656li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links, 
    5757ul.view-switch li.current, .form-table tr, #poststuff h3, #replyhandle, 
    58 .login form, h3.info-box-title, #post-status-info { 
     58.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap { 
    5959    background-color: #eaf3fa; 
    6060} 
     
    743743} 
    744744 
    745  
    746 /* fixed tool bar */ 
    747 #fixedbar { 
    748     background-color:#464646; 
    749     color: #ccc; 
    750 } 
    751  
    752 #html-upload-help { 
    753     color: #328AB2; 
    754 } 
    755  
    756 #fixedbar #last-edit { 
    757      
    758 } 
    759  
    760 #fixedbar a, 
    761 #fixedbar #curtime { 
    762     color: #ccc; 
    763 } 
    764  
    765 #fixedbar a:hover { 
    766     color: #fff; 
    767 } 
    768  
    769 #fixedbar a.button { 
    770     color: #246; 
    771 } 
    772  
    773 #fixedbar a.button:hover { 
    774     color: #d54e21; 
    775 } 
    776  
    777 #timestampdiv { 
    778     color: #ccc; 
    779 } 
    780  
    781745/* media popup 0819 */ 
    782746#sidemenu a { 
     
    789753    color: #fff; 
    790754} 
     755 
     756#edit-settings-wrap, 
     757#show-settings { 
     758    background-color: #E4F2FD; 
     759    border-color: #c6d9e9; 
     760} 
     761 
     762#show-settings.show-settings-opened { 
     763    border-bottom-color: #E4F2FD; 
     764} 
  • trunk/wp-admin/edit-form-advanced.php

    r8720 r8726  
    401401</div> 
    402402 
    403 <a href="#edit_settings" class="edit-settings-link hide-if-no-js"><?php _e('Edit Settings') ?></a> 
    404  
    405 <div id="edit-settings" class="hide-if-js hide-if-no-js"> 
    406 <h5><?php _e('Show on screen') ?></h5> 
    407 <?php meta_box_prefs('post') ?> 
    408 </div> 
    409  
    410403<?php 
    411404 
     
    436429<div id="poststuff"> 
    437430 
     431<div id="show-settings"><a href="#edit_settings" id="show-settings-link" class="hide-if-no-js"><?php _e('Show Settings') ?></a> 
     432<a href="#edit_settings" id="hide-settings-link" class="hide-if-js hide-if-no-js"><?php _e('Hide Settings') ?></a></div> 
     433 
     434<div id="edit-settings" class="hide-if-js hide-if-no-js"> 
     435<div id="edit-settings-wrap"> 
     436<h5><?php _e('Show on screen') ?></h5> 
     437<div class="metabox-prefs"> 
     438<?php meta_box_prefs('post') ?> 
     439<br class="clear" /> 
     440</div></div> 
     441</div> 
     442 
    438443<div id="side-info" style="display: none;"><?php // TODO ?> 
    439444 
     
    460465 
    461466<?php $side_meta_boxes = do_meta_boxes('post', 'side', $post); ?> 
    462  
    463467</div> 
    464468 
  • trunk/wp-admin/includes/template.php

    r8720 r8726  
    13681368    $hidden = (array) get_user_option( "meta-box-hidden_$page" ); 
    13691369 
    1370     echo '<ul class="metabox-prefs">'; 
    13711370    foreach ( array_keys($wp_meta_boxes[$page]) as $context ) { 
    13721371        foreach ( array_keys($wp_meta_boxes[$page][$context]) as $priority ) { 
     
    13771376                echo '<label for="' . $box_id . '-hide">'; 
    13781377                echo '<input class="hide-postbox-tog" name="' . $box_id . '-hide" type="checkbox" id="' . $box_id . '-hide" value="' . $box_id . '"' . (! in_array($box_id, $hidden) ? ' checked="checked"' : '') . ' />'; 
    1379                 echo "{$box['title']}</label>"; 
     1378                echo "{$box['title']}</label>\n"; 
    13801379            } 
    13811380        } 
    13821381    } 
    1383     echo '</ul>'; 
    13841382} 
    13851383?> 
  • trunk/wp-admin/js/post.js

    r8712 r8726  
    6161} 
    6262 
    63 jQuery(document).ready( function() { 
     63jQuery(document).ready( function($) { 
    6464    // close postboxes that should be closed 
    6565    jQuery('.if-js-closed').removeClass('if-js-closed').addClass('closed'); 
     
    187187 
    188188    // Edit Settings 
    189     jQuery('.edit-settings-link').click(function () { 
    190         if (jQuery('#edit-settings').is(":hidden")) { 
    191             jQuery('#edit-settings').slideDown("normal"); 
    192         } else { 
    193             jQuery('#edit-settings').slideUp("normal"); 
    194         } 
     189    $('#show-settings-link').click(function () { 
     190        $('#edit-settings').slideDown('normal', function(){ 
     191            $('#show-settings-link').hide(); 
     192            $('#hide-settings-link').show(); 
     193             
     194        }); 
     195        $('#show-settings').addClass('show-settings-opened'); 
     196        return false; 
     197    }); 
     198     
     199    $('#hide-settings-link').click(function () { 
     200        $('#edit-settings').slideUp('normal', function(){ 
     201            $('#hide-settings-link').hide(); 
     202            $('#show-settings-link').show(); 
     203            $('#show-settings').removeClass('show-settings-opened'); 
     204        }); 
     205         
    195206        return false; 
    196207    }); 
  • trunk/wp-admin/wp-admin.css

    r8725 r8726  
    620620} 
    621621 
    622 #wphead a, #dashmenu a, #adminmenu a, #sidemenu a, #taglist a, #catlist a { 
     622#wphead a, #dashmenu a, #adminmenu a, #sidemenu a, #taglist a, #catlist a, #show-settings a { 
    623623    text-decoration: none; 
    624624} 
     
    13821382#side-info-column #side-sortables { 
    13831383    height: 100%; 
     1384    padding-top: 39px; 
    13841385} 
    13851386 
     
    20032004    margin: 15px 0 0; 
    20042005} 
     2006 
     2007/* show/hide settings */ 
     2008#show-settings { 
     2009    float: right; 
     2010    margin: 0 0 -30px; 
     2011    position: relative; 
     2012    z-index: 1; 
     2013    width: 218px; 
     2014    height: 28px; 
     2015    border-width: 1px; 
     2016    border-style: solid; 
     2017    -moz-border-radius: 4px; 
     2018    -khtml-border-radius: 4px; 
     2019    -webkit-border-radius: 4px; 
     2020    border-radius: 4px; 
     2021} 
     2022 
     2023#show-settings-link, 
     2024#hide-settings-link { 
     2025    background-position: 8px center; 
     2026    background-repeat: no-repeat; 
     2027    line-height: 28px; 
     2028    padding: 0 0 0 26px; 
     2029} 
     2030 
     2031#show-settings-link { 
     2032    background-image: url(images/menu-closed.png); 
     2033} 
     2034 
     2035#hide-settings-link { 
     2036    background-image: url(images/menu-open.png);  
     2037} 
     2038 
     2039#edit-settings { 
     2040    padding: 28px 0 0; 
     2041    margin: 0 0 20px; 
     2042} 
     2043 
     2044#edit-settings-wrap h5 { 
     2045    padding: 10px 0 5px 20px; 
     2046    margin: 0; 
     2047    font-size: 13px; 
     2048} 
     2049 
     2050#edit-settings-wrap { 
     2051    -moz-border-radius: 4px 0 4px 4px; 
     2052    -khtml-border-radius: 4px; 
     2053    -webkit-border-radius: 4px; 
     2054    border-radius: 4px 0 4px 4px; 
     2055    border-width: 1px; 
     2056    border-style: solid; 
     2057} 
     2058 
     2059.show-settings-opened { 
     2060    -moz-border-radius: 4px 4px 0 0; 
     2061    -khtml-border-radius: 4px; 
     2062    -webkit-border-radius: 4px; 
     2063    border-radius: 4px 4px 0 0; 
     2064} 
     2065 
     2066.metabox-prefs { 
     2067    padding: 8px 15px 15px; 
     2068} 
     2069 
     2070.metabox-prefs label { 
     2071    display: block; 
     2072    float: left; 
     2073    padding: 5px 3px; 
     2074    white-space: nowrap; 
     2075    width: 15em; 
     2076} 
     2077 
     2078.metabox-prefs label input { 
     2079    margin: 0 5px 0 2px; 
     2080} 
Note: See TracChangeset for help on using the changeset viewer.