From 69101fe0f37f2c2efbe9cddfe19072595d573c1a Mon Sep 17 00:00:00 2001 From: Scott Taylor Date: Wed, 25 Jun 2014 17:38:28 +0000 Subject: [PATCH] The "old iframe media modal" has some pretty busted styles. Although this is a "deprecated" feature, clean up some of the broken styles. Props erayalakese for the JS patch. Fixes #28220. git-svn-id: https://develop.svn.wordpress.org/trunk@28830 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/deprecated-media.css | 13 ++++--------- src/wp-admin/css/media.css | 8 +++----- src/wp-admin/js/media-upload.js | 2 +- 3 files changed, 8 insertions(+), 15 deletions(-) diff --git a/src/wp-admin/css/deprecated-media.css b/src/wp-admin/css/deprecated-media.css index e7ab76e192..ee7c08fe31 100644 --- a/src/wp-admin/css/deprecated-media.css +++ b/src/wp-admin/css/deprecated-media.css @@ -24,11 +24,6 @@ body#media-upload ul#sidemenu { clear: both; } -#media-upload, -#media-upload .media-item .slidetoggle { - background: #fff; -} - #media-upload .slidetoggle { border-top-color: #dfdfdf; } @@ -185,7 +180,7 @@ abbr.required { .menu_order { float: right; font-size: 11px; - margin: 3px 10px 0; + margin: 8px 10px 0; } .menu_order_input { @@ -217,7 +212,6 @@ abbr.required { } #media-upload .widefat { - width: 626px; border-style: solid solid none; } @@ -273,9 +267,10 @@ h4.media-sub-title { #gallery-settings .describe { padding: 5px; - width: 615px; + width: 100%; clear: both; cursor: default; + background: #fff; } #gallery-settings .describe select { @@ -327,7 +322,7 @@ h4.media-sub-title { } p.media-types { - margin: 1em; + padding: 1em; } tr.not-image { diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index e6bbdcbb16..5621117711 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -102,6 +102,7 @@ display: block; line-height: 36px; float: right; + margin-right: 6px; } .media-item .describe-toggle-off, @@ -118,10 +119,7 @@ min-height: 36px; position: relative; width: 100%; -} - -#media-items { - width: 623px; + background: #fff; } .media-new-php #media-items { @@ -143,7 +141,7 @@ .media-item .pinkynail { float: left; - margin: 2px 10px 0 0; + margin: 2px 10px 0 3px; max-width: 40px; max-height: 32px; } diff --git a/src/wp-admin/js/media-upload.js b/src/wp-admin/js/media-upload.js index 7e6eed23da..011b618ff5 100644 --- a/src/wp-admin/js/media-upload.js +++ b/src/wp-admin/js/media-upload.js @@ -40,7 +40,7 @@ var tb_position; var tbWindow = $('#TB_window'), width = $(window).width(), H = $(window).height(), - W = ( 720 < width ) ? 720 : width, + W = ( 833 < width ) ? 833 : width, adminbar_height = 0; if ( $('#wpadminbar').length ) {