Changeset 785996

Timestamp:

10/10/2013 04:16:49 PM (12 years ago)

Author:

lessbloat

Message:

A couple of changes, including:

• Set main column count class via JS
• Show dashed sort border only when sorting
• 2 columns for main Macbook resolution
• Removed some unnecessary bold

Location:

dashboard/trunk

Files:

• css/dash-rwd.css (modified) (3 diffs)
• js/dash-rwd.js (modified) (1 diff)
• quickdraft.php (modified) (1 diff)
• rightnow.php (modified) (1 diff)

dashboard/trunk/css/dash-rwd.css

@@ -21 +21 @@
 
 /* two columns on the dash */
-@media only screen and (min-width: 800px) and (max-width: 1199px) {
+@media only screen and (min-width: 800px) and (max-width: 1299px) {
     #wpbody-content #dashboard-widgets .postbox-container {
         width: 49.5%;
@@ -42 +42 @@
 
 /* three columns on the dash */
-@media only screen and (min-width: 1200px) and (max-width: 1800px) {
+@media only screen and (min-width: 1300px) and (max-width: 1800px) {
     #wpbody-content #dashboard-widgets .postbox-container {
         width: 33.5%;
@@ -62 +62 @@
     }
 }
+
+.metabox-holder .postbox-container .empty-container {
+    border: none;
+}
+
+#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
+    border: none !important;
+}
+
+.postbox-container,
+.meta-box-sortables {
+    min-height: 245px;
+}

dashboard/trunk/js/dash-rwd.js

@@ +1 @@
+jQuery(document).ready(function ($) {
+    // Update main column count on load
+    updateColumnCount();
+    
+    // Show dashed box only on sort
+    var emptyContainers = $('.postbox-container .empty-container');
+    $('.meta-box-sortables').on('sortstart', function(event, ui) {
+        emptyContainers.css('border', '3px dashed #CCCCCC');    
+    }).on( 'sortbeforestop', function(event, ui) {
+        emptyContainers.css('border', 'none');
+    }).on( 'sortover', function(event, ui) {
+        $(event.target).find(emptyContainers).css('border', 'none');
+    }).on( 'sortout', function(event, ui) {
+        $(event.target).find(emptyContainers).css('border', '3px dashed #CCCCCC');
+    });
+});
+jQuery(window).resize( _.debounce( function(){
+    updateColumnCount();
+}, 50) );
+function updateColumnCount() {
+    var cols = 1,
+        windowWidth = parseInt(jQuery(window).width());
+    if (799 < windowWidth && 1299 > windowWidth)
+        cols = 2;
+    if (1300 < windowWidth && 1799 > windowWidth)
+        cols = 3;
+    if (1800 < windowWidth)
+        cols = 4;
+    jQuery('.metabox-holder').attr('class', jQuery('.metabox-holder').attr('class').replace(/columns-\d+/, 'columns-' + cols));
+}

dashboard/trunk/quickdraft.php

@@ -92 +92 @@
             $url = get_edit_post_link( $draft->ID );
             $title = _draft_or_post_title( $draft->ID );
-            $item = '<h4><a href="'.$url.'" title="' . sprintf( __( 'Edit &#8220;%s&#8221;' ), esc_attr( $title ) ) . '">' . esc_html($title) . '</a> <time datetime="' . get_the_time( 'c', $draft) . '">' . get_the_time( get_option( 'date_format' ), $draft ) . '</time></h4>';
+            $item = '<a href="'.$url.'" title="' . sprintf( __( 'Edit &#8220;%s&#8221;' ), esc_attr( $title ) ) . '">' . esc_html($title) . '</a> <time datetime="' . get_the_time( 'c', $draft) . '">' . get_the_time( get_option( 'date_format' ), $draft ) . '</time>';
             if ( $the_content = wp_trim_words( $draft->post_content, 10 ) )
                 $item .= '<p>' . $the_content . '</p>';

dashboard/trunk/rightnow.php

@@ -97 +97 @@
     ?>
     </ul>
-    <p><?php printf( __('<strong>WordPress %1$s</strong> running %2$s theme.' ), get_bloginfo( 'version', 'display' ), $theme_name ); ?></p>
+    <p><?php printf( __('WordPress %1$s running %2$s theme.' ), get_bloginfo( 'version', 'display' ), $theme_name ); ?></p>
     </div>