WordPress.org
Get WordPress

Make WordPress Core

Changeset 8726


Ignore:
Timestamp:
08/25/2008 10:17:41 AM (18 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.