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 );