Screen Options tab, rough draft

git-svn-id: http://svn.automattic.com/wordpress/trunk@9319 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
markjaquith 2008-10-24 10:29:07 +00:00
parent cf2730334f
commit 682428cda9
22 changed files with 56 additions and 38 deletions

View File

@ -81,9 +81,12 @@ if ( '' == $blog_name )
<img id="logo50" src="images/wp-logo.gif" alt="" /> <h1><a href="<?php echo trailingslashit( get_bloginfo('url') ); ?>" title="<?php _e('Visit site') ?>"><?php echo $blog_name ?></a>
<?php if ( in_array( $pagenow, $settings_pages ) ) { ?>
<span id="edit-settings">
<a href="#edit_settings" id="show-settings-link" class="hide-if-no-js show-settings"><?php _e('Page Options') ?></a>
<a href="#edit_settings" id="hide-settings-link" class="show-settings" style="display:none;"><?php _e('Hide Options') ?></a>
<span id="screen-options-link-wrap" class="hide-if-no-js">
<span id="screen-options" class="screen-options-closed">
<a href="#screen-options" id="show-settings-link" class="show-settings"><?php _e('Screen Options') ?></a>
<a href="#screen-options" id="hide-settings-link" class="show-settings" style="display:none;"><?php _e('Hide Options') ?></a>
</span>
</span>
<?php } ?></h1>

View File

@ -131,7 +131,7 @@ $messages[4] = __('Category not added.');
$messages[5] = __('Category not updated.');
?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -63,7 +63,7 @@ li.widget-list-control-item h4.widget-title a,
li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
.form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle,
.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap,
.login form, h3.info-box-title, #post-status-info, #screen-options-wrap,
#wpbody-content .describe tr, #edithead, #replyhead {
background-color: #cfebf7;
}
@ -241,7 +241,7 @@ div.dashboard-widget-submit input,
#login form .submit input:hover, div.dashboard-widget-submit input:hover,
#edit-slug-buttons a.save:hover, #media-upload a.delete:hover,
#media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover,
#edit-settings a.show-settings:hover {
#screen-options a.show-settings:hover {
color: #d54e21;
}
@ -352,7 +352,7 @@ h3.dashboard-widget-title small a:hover {
color: #5a5a5a;
}
#poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-sortable .postbox h3:hover span, a, #edit-settings a.show-settings {
#poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-sortable .postbox h3:hover span, a, #screen-options a.show-settings {
color: #2e7ca0;
}
@ -803,7 +803,7 @@ table.diff .diff-addedline ins {
color: #CFEBF6;
}
#edit-settings-wrap {
#screen-options-wrap {
background-color: #14568A;
border-color: #14568A;
color: #CFEBF6;

View File

@ -59,7 +59,7 @@ li.widget-list-control-item h4.widget-title a,
li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
.form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle,
.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap,
.login form, h3.info-box-title, #post-status-info, #screen-options-wrap,
#wpbody-content .describe tr, #edithead, #replyhead {
background-color: #eaf3fa;
}
@ -234,8 +234,7 @@ div.dashboard-widget-submit input,
#rightnow a:hover, a:hover, .subsubsub a:hover, .subsubsub a.current:hover,
#login form .submit input:hover, div.dashboard-widget-submit input:hover,
#edit-slug-buttons a.save:hover, #media-upload a.delete:hover,
#media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover,
#edit-settings a.show-settings:hover {
#media-upload a.del-link:hover, .ui-tabs-nav a:hover, #user_info a:hover {
color: #d54e21;
}
@ -341,7 +340,7 @@ h3.dashboard-widget-title small a:hover {
}
#adminmenu a, #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-tabs-nav a, .ui-sortable .postbox h3:hover span, a, #edit-settings a.show-settings {
#adminmenu a, #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-tabs-nav a, .ui-sortable .postbox h3:hover span, a {
color: #2583ad;
}
@ -772,7 +771,7 @@ table.diff .diff-addedline ins {
border-top-color: #e4f2fd;
}
#edit-settings-wrap {
#screen-options-wrap {
background-color: #E4F2FD;
border-color: #c6d9e9;
}

View File

@ -81,7 +81,7 @@ $post_id = isset($_GET['p']) ? (int) $_GET['p'] : 0;
$search_dirty = ( isset($_GET['s']) ) ? $_GET['s'] : '';
$search = attribute_escape( $search_dirty ); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -459,7 +459,7 @@ endif;
?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -60,7 +60,7 @@ $messages[4] = __('Category not added.');
$messages[5] = __('Category not updated.');
$messages[6] = __('Categories deleted.'); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -309,7 +309,7 @@ function link_advanced_meta_box($link) {
}
add_meta_box('linkadvanceddiv', __('Advanced'), 'link_advanced_meta_box', 'link', 'normal', 'core'); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -347,7 +347,7 @@ add_meta_box('revisionsdiv', __('Page Revisions'), 'page_revisions_meta_box', 'p
endif;
?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -100,7 +100,7 @@ if ( is_singular() ) {
require_once('admin-header.php'); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -127,7 +127,7 @@ $messages[4] = __('Tag not added.');
$messages[5] = __('Tag not updated.');
$messages[6] = __('Tags deleted.'); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -90,7 +90,7 @@ if ( empty($_GET['mode']) )
else
$mode = attribute_escape($_GET['mode']); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -170,6 +170,8 @@ header( 'Content-Type: application/x-javascript; charset=UTF-8' );
{ "url" : "images/no.png" },
{ "url" : "images/yes.png" },
{ "url" : "images/se.png" },
{ "url" : "images/screen-options-left.gif" },
{ "url" : "images/screen-options-right.gif" },
<?php if ( is_file('../wp-includes/js/tinymce/tiny_mce.js') ) { ?>
{ "url" : "../wp-includes/js/tinymce/tiny_mce.js", "src" : "../wp-includes/js/tinymce/tiny_mce.js?ver=<?php echo $mce_ver; ?>", "ignoreQuery" : true },

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 B

View File

@ -28,7 +28,7 @@ require_once('admin-header.php');
$today = current_time('mysql', 1);
?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -1,6 +1,6 @@
jQuery(document).ready( function($) {
$('#show-settings-link').click(function () {
$('#edit-settings-wrap').slideDown('normal', function(){
$('#screen-options-wrap').slideDown('normal', function(){
$('#hide-settings-link').show();
$('#show-settings-link').hide();
});
@ -9,7 +9,7 @@ jQuery(document).ready( function($) {
});
$('#hide-settings-link').click(function () {
$('#edit-settings-wrap').slideUp('normal', function(){
$('#screen-options-wrap').slideUp('normal', function(){
$('#show-settings-link').show();
$('#hide-settings-link').hide();
});

View File

@ -74,7 +74,7 @@ switch ($order_by) {
break;
} ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -145,7 +145,7 @@ if ( is_singular() ) {
require_once('admin-header.php'); ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -237,7 +237,7 @@ default:
}
endif; ?>
<div id="edit-settings-wrap" class="hidden">
<div id="screen-options-wrap" class="hidden">
<h5><?php _e('Show on screen') ?></h5>
<form id="adv-settings" action="" method="get">
<div class="metabox-prefs">

View File

@ -2183,29 +2183,43 @@ fieldset {
}
/* show/hide settings */
#edit-settings {
margin-left: 20px;
#screen-options-link-wrap {
background: url( images/screen-options-left.gif ) no-repeat 0 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
height: 23px;
position: absolute;
right: 100px;
top: 46px;
padding: 0 0 0 8px;
}
#edit-settings a.show-settings {
height: 18px;
#screen-options {
vertical-align: middle;
height: 23px;
line-height: 23px;
font-size: 11px;
background: url( images/screen-options-right.gif ) no-repeat 100% 0;
display: block;
padding-right: 20px;
}
#screen-options a.show-settings {
color: #666;
text-decoration: none;
z-index: 1;
padding: 3px 8px;
}
#edit-settings a.show-settings:hover {
#screen-options a.show-settings:hover {
text-decoration: none;
}
#edit-settings-wrap h5 {
#screen-options-wrap h5 {
padding: 10px 0 0 15px;
margin: 0;
font-size: 13px;
}
#edit-settings-wrap {
#screen-options-wrap {
border-style: none solid solid;
border-top: 0 none;
border-width: 0 1px 1px;
@ -2229,7 +2243,7 @@ fieldset {
padding: 5px 3px;
white-space: nowrap;
overflow: hidden;
width: 13em;
width: 14em;
}
.metabox-prefs label input {

View File

@ -308,14 +308,14 @@ function wp_default_styles( &$styles ) {
$rtl_styles = array( 'global', 'colors', 'dashboard', 'ie', 'install', 'login', 'media', 'theme-editor', 'upload', 'widgets', 'press-this', 'press-this-ie' );
$styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081023' );
$styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081023b' );
$styles->add_data( 'wp-admin', 'rtl', '/wp-admin/rtl.css' );
$styles->add( 'ie', '/wp-admin/css/ie.css' );
$styles->add_data( 'ie', 'conditional', 'gte IE 6' );
$styles->add( 'colors', true ); // Register "meta" stylesheet for admin colors
$styles->add( 'colors-fresh', '/wp-admin/css/colors-fresh.css' ); // for login.php. Is there a better way?
$styles->add( 'colors-fresh', '/wp-admin/css/colors-fresh.css', array(), '20081023'); // for login.php. Is there a better way?
$styles->add_data( 'colors-fresh', 'rtl', true );
$styles->add( 'global', '/wp-admin/css/global.css', array(), '20081013' );