Changeset 20293

Timestamp:

03/28/2012 02:10:19 AM (13 years ago)

Author:

azaozz

Message:

Don't show dashed border on empty postbox containers under the editor, see #20015

Location:

trunk/wp-admin

Files:

• css/wp-admin.dev.css (modified) (9 diffs)
• js/postbox.dev.js (modified) (2 diffs)

trunk/wp-admin/css/wp-admin.dev.css

@@ -1836 +1836 @@
 
 .postbox-container .meta-box-sortables {
-    min-height: 50px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -1848 +1847 @@
 }
 
-.metabox-holder .postbox-container .empty-container {
+.metabox-holder .postbox-container .empty-container,
+#post-body.columns-2 #side-sortables:empty {
     border: 3px dashed #CCCCCC;
     height: 250px;
@@ -1889 +1889 @@
 }
 
+#post-body.columns-2 #side-sortables {
+    min-height: 250px;
+}
+
 /* one column on the dash */
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 799px) {
     #wpbody-content #dashboard-widgets .postbox-container {
         width: 100%;
@@ -1903 +1907 @@
 
 /* two columns on the dash, but keep the setting if one is selected */
-@media only screen and (min-width: 768px) and (max-width: 1200px) {
+@media only screen and (min-width: 800px) and (max-width: 1200px) {
     #wpbody-content #dashboard-widgets .postbox-container {
         width: 49.5%;
     }
-    
+
     #wpbody-content #dashboard-widgets #postbox-container-2,
     #wpbody-content #dashboard-widgets #postbox-container-3,
@@ -1914 +1918 @@
         width: 50.5%;
     }
-    
-    #wpbody-content .metabox-holder .postbox-container .empty-container,
-    #wpbody-content  #postbox-container-3 .empty-container,
-    #wpbody-content  #postbox-container-4 .empty-container {
+
+    #dashboard-widgets.metabox-holder .postbox-container .empty-container,
+    #dashboard-widgets #postbox-container-3 .empty-container,
+    #dashboard-widgets #postbox-container-4 .empty-container {
         border: 0 none;
         height: 0;
         min-height: 0;
     }
-    
+
     #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
         width: 100%;
@@ -1946 +1950 @@
 
 /* one column on the post write/edit screen */
-@media only screen and (max-width: 1024px) {
+@media only screen and (max-width: 1025px) {
     #wpbody-content #poststuff #post-body {
         margin: 0;
     }
-    
+
     #wpbody-content #post-body.columns-2 #postbox-container-1 {
         margin-right: 0;
         width: 100%;
+    }
+
+    #poststuff #postbox-container-1 .empty-container,
+    #poststuff #postbox-container-1 #side-sortables:empty {
+        border: 0 none;
+        height: 0;
+        min-height: 0;
+    }
+
+    #poststuff #post-body.columns-2 #side-sortables {
+        min-height: 0;
     }
 
@@ -2121 +2136 @@
 
 .welcome-panel .welcome-panel-close:before {
-    background: url('../images/xit.gif') 0 17% no-repeat;
-    content: ' ';
-    height: 100%;
-    width: 10px;
-    left: -12px;
-    position: absolute;
+    background: url('../images/xit.gif') 0 17% no-repeat;
+    content: ' ';
+    height: 100%;
+    width: 10px;
+    left: -12px;
+    position: absolute;
 }
 
 .welcome-panel .welcome-panel-close:hover:before {
-    background-position: 100% 17%;
+    background-position: 100% 17%;
 }
 
@@ -3582 +3597 @@
 .media-item .progress {
     float: right;
-    height: 22px;
-    margin: 6px 10px 0 0;
-    width: 200px;
+    height: 22px;
+    margin: 6px 10px 0 0;
+    width: 200px;
     line-height: 2em;
     padding: 0;
@@ -4671 +4686 @@
 .about-wrap div.updated,
 .about-wrap div.error {
-    display: none !important;
+    display: none !important;
 }
 

trunk/wp-admin/js/postbox.dev.js

@@ -130 +130 @@
 
         _mark_area : function() {
-            var visible = $('div.postbox:visible').length;
+            var visible = $('div.postbox:visible').length, side = $('#post-body #side-sortables');
 
-            $('#post-body .meta-box-sortables:visible, #dashboard-widgets .meta-box-sortables:visible').not('#advanced-sortables').each(function(n, el){
+            $('#dashboard-widgets .meta-box-sortables:visible').each(function(n, el){
                 var t = $(this);
 
@@ -140 +140 @@
                     t.addClass('empty-container');
             });
+
+            if ( side.length ) {
+                if ( side.children('.postbox:visible').length )
+                    side.removeClass('empty-container');
+                else if ( $('#postbox-container-1').css('width') == '280px' )
+                    side.addClass('empty-container');
+            }
         },