Changeset 8291

Timestamp:

07/09/2008 12:17:20 AM (17 years ago)

Author:

mdawaffe

Message:

crazyhorse: write screen layout and draggable improvements

Location:

branches/crazyhorse/wp-admin

Files:

• css/global.css (modified) (1 diff)
• edit-form-advanced.php (modified) (4 diffs)
• edit-link-form.php (modified) (3 diffs)
• edit-page-form.php (modified) (3 diffs)
• js/postbox.js (modified) (2 diffs)
• wp-admin.css (modified) (4 diffs)

branches/crazyhorse/wp-admin/css/global.css

@@ -20 +20 @@
     position: relative;
 }
+
+/* inner 2 column liquid layout */
+
+.inner-sidebar {
+    float: right;
+    clear: right;
+    width: 220px;
+    position: relative;
+}
+
+.has-sidebar {
+    float: left;
+    clear: left;
+    width: 100%;
+    margin-right: -240px;
+}
+
+.has-sidebar .has-sidebar-content {
+    margin-right: 245px;
+}
+
 
 /* styles for use by people extending the WordPress interface */

branches/crazyhorse/wp-admin/edit-form-advanced.php

@@ -189 +189 @@
 function post_password_meta_box($post) {
 ?>
+<p>
+    <input id="post_status_private" name="post_status" type="checkbox" value="private" <?php checked($post->post_status, 'private'); ?> tabindex="4" /> <?php _e('Keep this post private') ?></label>
+</p>
+<h4><?php _e( 'Post Password' ); ?></h4>
 <p><label class="hidden" for="post_password"><?php _e('Password Protect This Post') ?></label><input name="post_password" type="text" size="25" id="post_password" value="<?php echo attribute_escape( $post->post_password ); ?>" /></p>
 <p><?php _e('Setting a password will require people who visit your blog to enter the above password to view this post and its comments.'); ?></p>
 <?php
 }
-add_meta_box('passworddiv', __('Password Protect This Post'), 'post_password_meta_box', 'post', 'normal', 'core');
+add_meta_box('passworddiv', __('Privacy Options'), 'post_password_meta_box', 'post', 'normal', 'core');
 
 function post_slug_meta_box($post) {
@@ -304 +308 @@
 </div>
 
-<div id="side-info-column">
+<div id="side-info-column" class="inner-sidebar">
 
 <?php do_action('submitpost_box'); ?>
@@ -313 +317 @@
 
 <div id="post-body" class="<?php echo $side_meta_boxes ? 'has-sidebar' : ''; ?>">
+<div id="post-body-content" class="has-sidebar-content">
 <div id="titlediv">
 <h3><label for="title"><?php _e('Title') ?></label></h3>
@@ -438 +443 @@
 </div>
 </div>
+</div>
 
 </div>

branches/crazyhorse/wp-admin/edit-link-form.php

@@ -263 +263 @@
 <div id="poststuff">
 
-<div id="side-info-column">
+<div id="side-info-column" class="inner-sidebar">
 <?php 
 
@@ -273 +273 @@
 
 <div id="post-body" class="<?php echo $side_meta_boxes ? 'has-sidebar' : ''; ?>">
+<div id="post-body-content" class="has-sidebar-content">
 <div id="namediv" class="stuffbox">
 <h3><label for="link_name"><?php _e('Name') ?></label></h3>
@@ -325 +326 @@
 </div>
 </div>
+</div>
 
 </div>

branches/crazyhorse/wp-admin/edit-page-form.php

@@ -226 +226 @@
 <div id="poststuff">
 
-<div id="side-info-column">
+<div id="side-info-column" class="inner-sidebar">
 
 <?php
@@ -237 +237 @@
 
 <div id="post-body" class="<?php echo $side_meta_boxes ? 'has-sidebar' : ''; ?>">
+<div id="post-body-content" class="has-sidebar-content">
+
 <div id="titlediv">
 <h3><label for="title"><?php _e('Title') ?></label></h3>
@@ -345 +347 @@
 </div>
 </div>
+</div>
 
 </div>

branches/crazyhorse/wp-admin/js/postbox.js

@@ -2 +2 @@
     jQuery('.postbox h3').before('<a class="togbox">+</a> ');
     jQuery('.postbox a.togbox').click( function() { jQuery(jQuery(this).parent().get(0)).toggleClass('closed'); save_postboxes_state(page); } );
+
+    jQuery('#side-sortables').append( '<div id="make-it-tall" style="margin-bottom: -2000px; padding-bottom: 2001px"></div>' );
+    jQuery('#wpbody-content').css( 'overflow', 'hidden' );
 
     var expandSidebar = function( doIt ) {
@@ -14 +17 @@
     jQuery('.meta-box-sortables').sortable( {
         connectWith: [ '.meta-box-sortables' ],
+        items: '> .postbox',
         handle: 'h3',
         update: function() {
+            if ( 'side-sortables' == this.id ) { // doing this with jQuery doesn't work for some reason: make-it-tall gets duplicated
+                var makeItTall = document.getElementById( 'make-it-tall' );
+                var sideSort = makeItTall.parentNode;
+                sideSort.removeChild( makeItTall );
+                sideSort.appendChild( makeItTall );
+                
+            }
             if ( postingMetaBox ) {
                 return;

branches/crazyhorse/wp-admin/wp-admin.css

@@ -284 +284 @@
 }
 
-#titlediv, #namediv, #poststuff #namediv {
+#namediv, #poststuff #namediv {
     margin-top: 10px;
 }
@@ -408 +408 @@
 #postcustomstuff table #addmetasub {
     width: auto;
-}
-
-#poststuff #post-body {
-    margin: 0 0 0 20px;
-}
-
-#poststuff #post-body.has-sidebar {
-    margin-right: 250px;
 }
 
@@ -965 +957 @@
 .postbox {
     position: relative;
+    min-width: 195px;
 }
 
@@ -1227 +1220 @@
 }
 
-#side-info-column {
-    width: 220px;
-    position: absolute;
-    right: 0;
-}
-
-#side-info-column {
-    height: 100%;
-}
-
 #side-info-column #side-sortables {
     height: 100%;