From e09ea56a239b049c0fe38430e94ac50295d3115b Mon Sep 17 00:00:00 2001 From: Andrew Ozz Date: Sun, 18 Nov 2012 16:19:37 +0000 Subject: [PATCH] RTL fixes and improvements: add-media, image-editor, the spinners, the featured image button, some css cleanup, props ocean90, maor, SergeyBiryukov, ramiy, see #22453 git-svn-id: http://core.svn.wordpress.org/trunk@22640 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/wp-admin-rtl.css | 121 ++++++++++++++++++++++++---------- wp-admin/css/wp-admin.css | 15 +++-- wp-includes/css/editor.css | 14 ++++ 3 files changed, 111 insertions(+), 39 deletions(-) diff --git a/wp-admin/css/wp-admin-rtl.css b/wp-admin/css/wp-admin-rtl.css index 12be44a9a7..d37f6b10f2 100644 --- a/wp-admin/css/wp-admin-rtl.css +++ b/wp-admin/css/wp-admin-rtl.css @@ -22,6 +22,7 @@ TABLE OF CONTENTS: 11.0 - Write/Edit Post Screen 11.1 - Custom Fields 11.2 - Post Revisions + 11.3 - Featured Images 12.0 - Categories 13.0 - Tags 14.0 - Media Screen @@ -139,10 +140,15 @@ ul#add-to-blog-users { #publishing-action { float: left; + text-align: left; +} + +#publishing-action .spinner { + float: right; } #post-body .misc-pub-section { - border-right:0; + border-right: 0; border-left-width: 1px; border-left-style: solid; } @@ -547,14 +553,31 @@ form.upgrade .hint { font-family: Tahoma, Arial, sans-serif; } -.widefat td p { - margin: 2px 0 0.8em; -} - .postbox-container { float: right; } +#post-body-content { + float: right; +} + +#poststuff #post-body.columns-2 { + margin-left: 300px; + margin-right: 0; +} + +#post-body.columns-2 #postbox-container-1 { + float: left; + margin-left: -300px; + margin-right: 0; +} + +@media only screen and (max-width: 850px) { + #wpbody-content #post-body.columns-2 #postbox-container-1 { + margin-left: 0; + } +} + .postbox .handlediv { float: left; } @@ -800,45 +823,41 @@ th.sorted a span { /*------------------------------------------------------------------------------ 11.0 - Write/Edit Post Screen ------------------------------------------------------------------------------*/ -/* structural/layout */ -#post-body-content { + +#save-action .spinner, +#show-comments a, +#show-comments .spinner { float: right; } -#poststuff #post-body.columns-2 { - margin-left: 300px; - margin-right: 0; -} - -#post-body.columns-2 #postbox-container-1 { - float: left; - margin-left: -300px; - margin-right: 0; -} - -@media only screen and (max-width: 850px) { - #wpbody-content #post-body.columns-2 #postbox-container-1 { - margin-left: 0; - } -} - #titlediv #title-prompt-text, #wp-fullscreen-title-prompt-text { - right:0; + right: 0; } #sample-permalink { - direction:ltr; + direction: ltr; } #sample-permalink #editable-post-name { - unicode-bidi:embed; + unicode-bidi: embed; } + #wp-fullscreen-title-prompt-text { left: auto; right: 0; } +#wp-fullscreen-save .spinner, +#wp-fullscreen-save .fs-saved { + float: left; +} + +#edit-slug-box .cancel { + margin-right: 0; + margin-left: 10px; +} + .postarea h3 label { float: right; } @@ -917,6 +936,14 @@ table.diff td, table.diff th { font-family: Consolas, Monaco, monospace; } +/*------------------------------------------------------------------------------ + 11.3 - Featured Images +------------------------------------------------------------------------------*/ + +#select-featured-image a { + float: right; +} + /*------------------------------------------------------------------------------ 12.0 - Categories ------------------------------------------------------------------------------*/ @@ -1078,10 +1105,40 @@ form.upgrade .hint { 14.2 - Image Editor ------------------------------------------------------------------------------*/ +.wp_attachment_image .button, +.A1B1 .button { + float: right; +} + +.wp_attachment_image .spinner, +.A1B1 .spinner { + float: right; +} + .imgedit-menu div { float: right; } +.imgedit-crop { + margin: 0; +} + +.imgedit-rleft, +.imgedit-flipv, +.imgedit-undo { + margin: 0 8px 0 3px; +} + +.imgedit-rright, +.imgedit-fliph, +.imgedit-redo { + margin: 0 3px; +} + +.imgedit-applyto img { + margin: 0 0 0 8px; +} + .imgedit-help { font-style: normal; } @@ -2031,6 +2088,10 @@ body.login { margin-right: 20px; } +.button.right, .button-secondary.right, .button-primary.right { + float: left; +} + /* Button Secondary Actions */ .list-controls { float: right; @@ -2336,13 +2397,7 @@ h3.tb { float: right; } -.feature-filter .feature-name { - float: right; - text-align: left; -} - .feature-filter .feature-group li { - float: right; padding-right: 0; padding-left: 25px; } diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index 17adb99a8e..e4efd16d1c 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -4146,15 +4146,18 @@ td.imgedit-settings input { color: grey; } -.wp_attachment_image, .A1B1 { +.wp_attachment_image, +.A1B1 { overflow: hidden; } -.wp_attachment_image .button, .A1B1 .button { +.wp_attachment_image .button, +.A1B1 .button { float: left; } -.wp_attachment_image .spinner, .A1B1 .spinner { +.wp_attachment_image .spinner, +.A1B1 .spinner { float: left; padding: 0 4px 4px; vertical-align: bottom; @@ -7877,9 +7880,9 @@ h3 span { } .feature-container { -width: 100%; -overflow: auto; -margin-bottom: 10px; + width: 100%; + overflow: auto; + margin-bottom: 10px; } /* widgets */ diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css index 38f5f33362..0d0d8c66a2 100644 --- a/wp-includes/css/editor.css +++ b/wp-includes/css/editor.css @@ -970,6 +970,10 @@ padding: 0 10px 0 0; } +.rtl .wp-editor-tools { + padding: 0 0 0 10px; +} + .wp-editor-container { border-width: 1px; border-style: solid; @@ -1047,10 +1051,20 @@ html[dir="rtl"] .wp-switch-editor { margin-right: 5px; } +.rtl .wp-media-buttons .button { + margin-right: 0; + margin-left: 5px; +} + .wp-media-buttons .insert-media { padding-left: 0.4em; } +.rtl .wp-media-buttons .insert-media { + padding-left: 10px; + padding-right: 0.4em; +} + .wp-media-buttons a { text-decoration: none; color: #464646;