Changeset 8726

Timestamp:

08/25/2008 10:17:41 AM (17 years ago)

Author:

azaozz

Message:

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

Location:

trunk/wp-admin

Files:

• css/colors-classic.css (modified) (2 diffs)
• css/colors-fresh.css (modified) (3 diffs)
• edit-form-advanced.php (modified) (3 diffs)
• includes/template.php (modified) (2 diffs)
• js/post.js (modified) (2 diffs)
• wp-admin.css (modified) (3 diffs)

trunk/wp-admin/css/colors-classic.css

@@ -56 +56 @@
 li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
 ul.view-switch li.current, .form-table tr, #poststuff h3, #replyhandle,
-.login form, h3.info-box-title, #post-status-info {
+.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap {
     background-color: #cfebf7;
 }
@@ -764 +764 @@
     color: #fff;
 }
+
+#edit-settings-wrap,
+#show-settings {
+    background-color: #14568A;
+    border-color: #14568A;
+    color: #CFEBF6;
+}
+
+#show-settings a,
+#show-settings a:visited {
+    color: #CFEBF6;
+}
+
+#show-settings.show-settings-opened {
+    border-bottom-color: #14568A;
+}

trunk/wp-admin/css/colors-fresh.css

@@ -56 +56 @@
 li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
 ul.view-switch li.current, .form-table tr, #poststuff h3, #replyhandle,
-.login form, h3.info-box-title, #post-status-info {
+.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap {
     background-color: #eaf3fa;
 }
@@ -743 +743 @@
 }
 
-
-/* fixed tool bar */
-#fixedbar {
-    background-color:#464646;
-    color: #ccc;
-}
-
-#html-upload-help {
-    color: #328AB2;
-}
-
-#fixedbar #last-edit {
-    
-}
-
-#fixedbar a,
-#fixedbar #curtime {
-    color: #ccc;
-}
-
-#fixedbar a:hover {
-    color: #fff;
-}
-
-#fixedbar a.button {
-    color: #246;
-}
-
-#fixedbar a.button:hover {
-    color: #d54e21;
-}
-
-#timestampdiv {
-    color: #ccc;
-}
-
 /* media popup 0819 */
 #sidemenu a {
@@ -789 +753 @@
     color: #fff;
 }
+
+#edit-settings-wrap,
+#show-settings {
+    background-color: #E4F2FD;
+    border-color: #c6d9e9;
+}
+
+#show-settings.show-settings-opened {
+    border-bottom-color: #E4F2FD;
+}

trunk/wp-admin/edit-form-advanced.php

@@ -401 +401 @@
 </div>
 
-<a href="#edit_settings" class="edit-settings-link hide-if-no-js"><?php _e('Edit Settings') ?></a>
-
-<div id="edit-settings" class="hide-if-js hide-if-no-js">
-<h5><?php _e('Show on screen') ?></h5>
-<?php meta_box_prefs('post') ?>
-</div>
-
 <?php
 
@@ -436 +429 @@
 <div id="poststuff">
 
+<div id="show-settings"><a href="#edit_settings" id="show-settings-link" class="hide-if-no-js"><?php _e('Show Settings') ?></a>
+<a href="#edit_settings" id="hide-settings-link" class="hide-if-js hide-if-no-js"><?php _e('Hide Settings') ?></a></div>
+
+<div id="edit-settings" class="hide-if-js hide-if-no-js">
+<div id="edit-settings-wrap">
+<h5><?php _e('Show on screen') ?></h5>
+<div class="metabox-prefs">
+<?php meta_box_prefs('post') ?>
+<br class="clear" />
+</div></div>
+</div>
+
 <div id="side-info" style="display: none;"><?php // TODO ?>
 
@@ -460 +465 @@
 
 <?php $side_meta_boxes = do_meta_boxes('post', 'side', $post); ?>
-
 </div>
 

trunk/wp-admin/includes/template.php

@@ -1368 +1368 @@
     $hidden = (array) get_user_option( "meta-box-hidden_$page" );
 
-    echo '<ul class="metabox-prefs">';
     foreach ( array_keys($wp_meta_boxes[$page]) as $context ) {
         foreach ( array_keys($wp_meta_boxes[$page][$context]) as $priority ) {
@@ -1377 +1376 @@
                 echo '<label for="' . $box_id . '-hide">';
                 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"' : '') . ' />';
-                echo "{$box['title']}</label>";
+                echo "{$box['title']}</label>\n";
             }
         }
     }
-    echo '</ul>';
 }
 ?>

trunk/wp-admin/js/post.js

@@ -61 +61 @@
 }
 
-jQuery(document).ready( function() {
+jQuery(document).ready( function($) {
     // close postboxes that should be closed
     jQuery('.if-js-closed').removeClass('if-js-closed').addClass('closed');
@@ -187 +187 @@
 
     // Edit Settings
-    jQuery('.edit-settings-link').click(function () {
-        if (jQuery('#edit-settings').is(":hidden")) {
-            jQuery('#edit-settings').slideDown("normal");
-        } else {
-            jQuery('#edit-settings').slideUp("normal");
-        }
+    $('#show-settings-link').click(function () {
+        $('#edit-settings').slideDown('normal', function(){
+            $('#show-settings-link').hide();
+            $('#hide-settings-link').show();
+            
+        });
+        $('#show-settings').addClass('show-settings-opened');
+        return false;
+    });
+    
+    $('#hide-settings-link').click(function () {
+        $('#edit-settings').slideUp('normal', function(){
+            $('#hide-settings-link').hide();
+            $('#show-settings-link').show();
+            $('#show-settings').removeClass('show-settings-opened');
+        });
+        
         return false;
     });

trunk/wp-admin/wp-admin.css

@@ -620 +620 @@
 }
 
-#wphead a, #dashmenu a, #adminmenu a, #sidemenu a, #taglist a, #catlist a {
+#wphead a, #dashmenu a, #adminmenu a, #sidemenu a, #taglist a, #catlist a, #show-settings a {
     text-decoration: none;
 }
@@ -1382 +1382 @@
 #side-info-column #side-sortables {
     height: 100%;
+    padding-top: 39px;
 }
 
@@ -2003 +2004 @@
     margin: 15px 0 0;
 }
+
+/* show/hide settings */
+#show-settings {
+    float: right;
+    margin: 0 0 -30px;
+    position: relative;
+    z-index: 1;
+    width: 218px;
+    height: 28px;
+    border-width: 1px;
+    border-style: solid;
+    -moz-border-radius: 4px;
+    -khtml-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+
+#show-settings-link,
+#hide-settings-link {
+    background-position: 8px center;
+    background-repeat: no-repeat;
+    line-height: 28px;
+    padding: 0 0 0 26px;
+}
+
+#show-settings-link {
+    background-image: url(images/menu-closed.png);
+}
+
+#hide-settings-link {
+    background-image: url(images/menu-open.png); 
+}
+
+#edit-settings {
+    padding: 28px 0 0;
+    margin: 0 0 20px;
+}
+
+#edit-settings-wrap h5 {
+    padding: 10px 0 5px 20px;
+    margin: 0;
+    font-size: 13px;
+}
+
+#edit-settings-wrap {
+    -moz-border-radius: 4px 0 4px 4px;
+    -khtml-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px 0 4px 4px;
+    border-width: 1px;
+    border-style: solid;
+}
+
+.show-settings-opened {
+    -moz-border-radius: 4px 4px 0 0;
+    -khtml-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px 4px 0 0;
+}
+
+.metabox-prefs {
+    padding: 8px 15px 15px;
+}
+
+.metabox-prefs label {
+    display: block;
+    float: left;
+    padding: 5px 3px;
+    white-space: nowrap;
+    width: 15em;
+}
+
+.metabox-prefs label input {
+    margin: 0 5px 0 2px;
+}