Changeset 24114

Timestamp:

04/26/2013 11:47:21 PM (13 years ago)

Author:

helen

Message:

Better responsive CSS for post format switcher. Remove some JS debug cruft. props wonderboymusic. see #24046.

Location:

trunk/wp-admin

Files:

• css/wp-admin.css (modified) (2 diffs)
• js/post-formats.js (modified) (1 diff)

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

@@ -4112 +4112 @@
     margin: 13px 0 10px;
     padding: 5px;
+    overflow: hidden;
 }
 
 .post-format-options a {
-    display: inline-block;
+    float: left;
     min-width: 62px;
-    padding:5px;
-    border:1px solid transparent;
+    padding: 5px;
+    border: 1px solid transparent;
     margin-right: 10px;
     position: relative;
@@ -4209 +4210 @@
 
 @media only screen and (max-width: 782px) {
-    .post-format-options {
-        height: 33px;
-    }
-
     .post-format-options a {
         margin-right: 19px;

trunk/wp-admin/js/post-formats.js

@@ -82 +82 @@
         formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noUIFormats );
         if ( formatTo && formatFrom ) { // To/from have no UI. No slide.
-            console.log( 'both no UI' );
             switchFormatClass( format );
             fields.hide();
         } else if ( formatFrom ) { // Only destination has UI. Slide down.
-            console.log( 'destination only' );
             fields.hide();
             switchFormatClass( format );
             fields.slideDown( 400 );
         } else if ( formatTo ) { // Only source has UI. Slide up.
-            console.log( 'source only' );
             fields.slideUp( 200, function(){
                 switchFormatClass( format );
             });
         } else { // Both have UI. Slide both ways.
-            console.log( 'both' );
             fields.slideUp( 200, function(){
                 switchFormatClass( format );