From ea03719b8bb54ecb19d9378bbd01d549b33f3a04 Mon Sep 17 00:00:00 2001 From: azaozz Date: Sat, 8 Nov 2008 02:15:53 +0000 Subject: [PATCH] Styling for custom fields git-svn-id: http://svn.automattic.com/wordpress/trunk@9564 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/colors-fresh.css | 26 +++++++++-- wp-admin/edit-form-advanced.php | 7 +-- wp-admin/edit-page-form.php | 7 +-- wp-admin/includes/template.php | 72 +++++++++++++++++++++---------- wp-admin/js/page.js | 14 +++++- wp-admin/js/post.js | 1 + wp-admin/wp-admin.css | 76 ++++++++++++++++++++++++++++++--- wp-includes/script-loader.php | 4 +- 8 files changed, 160 insertions(+), 47 deletions(-) diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index ee89aa4e7d..e8f860fbec 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -48,6 +48,21 @@ div.dashboard-widget, color: green; } +#postcustomstuff table { + border-color: #dfdfdf; + background-color: #F9F9F9; +} + +#postcustomstuff thead th { + background-color: #F1F1F1; +} + +#postcustomstuff table input, +#postcustomstuff table textarea { + border-color: #dfdfdf; + background-color: #fff; +} + .widefat { border-color: #dfdfdf; } @@ -251,7 +266,8 @@ ul#widget-list li.widget-list-item h4.widget-title { color: #666; } -.button { +.button, +.submit input { border-color: #DCDCDC; color: #464646; text-shadow: #FFF 0 1px 0; @@ -264,6 +280,7 @@ ul#widget-list li.widget-list-item h4.widget-title { } .button, +.submit input, .button-secondary { background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top; } @@ -274,12 +291,15 @@ ul#widget-list li.widget-list-item h4.widget-title { background: #21759B url(../images/button-grad.png) repeat-x scroll left top; } -.button[disabled], .button:disabled { +.button[disabled], +.button:disabled { background-color: #999; } .button:hover, -#edit-slug-buttons a.save:hover { +.submit input:hover, +#edit-slug-buttons a.save:hover, +#postcustomstuff .submit input:hover { border-color: #535353; } diff --git a/wp-admin/edit-form-advanced.php b/wp-admin/edit-form-advanced.php index 772df2c7eb..f3c22e2f50 100644 --- a/wp-admin/edit-form-advanced.php +++ b/wp-admin/edit-form-advanced.php @@ -355,15 +355,10 @@ add_meta_box('trackbacksdiv', __('Trackbacks and Pings'), 'post_trackback_meta_b function post_custom_meta_box($post) { ?>
-ID); list_meta($metadata); -?> - -
-
diff --git a/wp-admin/edit-page-form.php b/wp-admin/edit-page-form.php index 54c130301a..265b57cfe2 100644 --- a/wp-admin/edit-page-form.php +++ b/wp-admin/edit-page-form.php @@ -287,15 +287,10 @@ add_meta_box('pageorderdiv', __('Page Order'), 'page_order_meta_box', 'page', 's function page_custom_meta_box($post){ ?>
-ID); list_meta($metadata); -?> - -
-
diff --git a/wp-admin/includes/template.php b/wp-admin/includes/template.php index e40c624271..42a5367561 100644 --- a/wp-admin/includes/template.php +++ b/wp-admin/includes/template.php @@ -2100,24 +2100,38 @@ function wp_dropdown_cats( $currentcat = 0, $currentparent = 0, $parent = 0, $le */ function list_meta( $meta ) { // Exit if no meta - if (!$meta ) { - echo ' '; //TBODY needed for list-manipulation JS + if ( ! $meta ) { + echo ' + + + + + + + + + + +'; //TBODY needed for list-manipulation JS return; } $count = 0; ?> + - + - "; +?> + +
+"; - $r .= "\n\t\t"; - $r .= "\n\t\t"; - $r .= "\n\t\t
"; - $r .= "\n\t\t"; + + $r .= "\n\t\t
"; + $r .= "\n\t\t
"; $r .= wp_nonce_field( 'change-meta', '_ajax_nonce', false, false ); - $r .= "\n\t"; + $r .= ""; + + $r .= "\n\t\t\n\t"; return $r; } @@ -2190,13 +2206,17 @@ function meta_form() { natcasesort($keys); ?>

- - - +
+ + + - - + + + + - - - - + + + +
+
+ + + + + +
- - +
+ +
$('#post_ID').val() && autosaveFirst ) { diff --git a/wp-admin/js/post.js b/wp-admin/js/post.js index 3db3b512ed..7749054664 100644 --- a/wp-admin/js/post.js +++ b/wp-admin/js/post.js @@ -289,6 +289,7 @@ jQuery(document).ready( function($) { // Custom Fields jQuery('#the-list').wpList( { addAfter: function( xml, s ) { + $('table#list-table').show(); if ( jQuery.isFunction( autosave_update_post_ID ) ) { autosave_update_post_ID(s.parsed.responses[0].supplemental.postid); } diff --git a/wp-admin/wp-admin.css b/wp-admin/wp-admin.css index 39e4ace4f9..b3d424de8c 100644 --- a/wp-admin/wp-admin.css +++ b/wp-admin/wp-admin.css @@ -313,7 +313,8 @@ table#availablethemes td.bottom { .button, .button-primary, .button-secondary, -.button-highlighted { +.button-highlighted, +#postcustomstuff .submit input { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; text-decoration: none; font-size: 11px; @@ -515,9 +516,6 @@ textarea.all-options, input.all-options { width: 98%; } -.plugins p { -} - #login .fullwidth { width: 320px; } @@ -543,25 +541,91 @@ textarea.all-options, input.all-options { top: .35em; } -#postcustomstuff .updatemeta, #postcustomstuff .deletemeta { +/* post meta postbox */ +#postcustomstuff table, +#postcustomstuff input, +#postcustomstuff textarea { + border-width: 1px; + border-style: solid; + -moz-border-radius: 3px; + -khtml-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#postcustomstuff .updatemeta, +#postcustomstuff .deletemeta { margin: auto; } +#postcustomstuff thead th { + padding: 5px 8px 8px; +} + +#postcustom #postcustomstuff .submit, +#pagecustomdiv #postcustomstuff .submit { + border: 0 none; + float: none; + padding: 5px 8px; +} + +#side-sortables #postcustom #postcustomstuff .submit, +#side-sortables #pagecustomdiv #postcustomstuff .submit { + padding: 0 5px; +} + +#side-sortables #postcustom #postcustomstuff td.left input, +#side-sortables #pagecustomdiv #postcustomstuff td.left input { + margin: 3px 3px 0; +} + +#side-sortables #postcustom #postcustomstuff #the-list textarea, +#side-sortables #pagecustomdiv #postcustomstuff #the-list textarea { + height: 85px; + margin: 3px; +} + #postcustomstuff table { margin: 0; width: 100%; border-width: 1px; border-style: solid; + border-spacing: 0; } -#postcustomstuff table input, #postcustomstuff table textarea { +#postcustomstuff table input, +#postcustomstuff table select, +#postcustomstuff table textarea { width: 95%; + margin: 8px 0 8px 8px; +} + +#postcustomstuff th.left, +#postcustomstuff td.left { + width: 38%; +} + +#postcustomstuff .submit input { + width: auto; +} + +#postcustomstuff #newmeta .submit { + padding: 0 8px; } #postcustomstuff table #addmetasub { width: auto; } +#postcustomstuff #newmetaleft { + vertical-align: top; +} + +#postcustomstuff #newmetaleft a { + padding: 0 10px; + text-decoration: none; +} + #save { width: 15em; } diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index 00f19af0e5..dadb717c7d 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -176,7 +176,7 @@ function wp_default_scripts( &$scripts ) { 'save' => __('Save'), 'cancel' => __('Cancel'), ) ); - $scripts->add( 'post', '/wp-admin/js/post.js', array('suggest', 'jquery-ui-tabs', 'wp-lists', 'postbox', 'slug', 'settings-box'), '20081105' ); + $scripts->add( 'post', '/wp-admin/js/post.js', array('suggest', 'jquery-ui-tabs', 'wp-lists', 'postbox', 'slug', 'settings-box'), '20081107' ); $scripts->localize( 'post', 'postL10n', array( 'tagsUsed' => __('Tags used on this post:'), 'add' => attribute_escape(__('Add')), @@ -195,7 +195,7 @@ function wp_default_scripts( &$scripts ) { 'savePending' => __('Save as Pending'), 'saveDraft' => __('Save Draft') ) ); - $scripts->add( 'page', '/wp-admin/js/page.js', array('jquery', 'slug', 'postbox', 'settings-box'), '20081103' ); + $scripts->add( 'page', '/wp-admin/js/page.js', array('jquery', 'slug', 'wp-lists', 'postbox', 'settings-box'), '20081107' ); $scripts->localize( 'page', 'postL10n', array( 'cancel' => __('Cancel'), 'edit' => __('Edit'),