Changeset 22640

Timestamp:

11/18/2012 04:19:37 PM (12 years ago)

Author:

azaozz

Message:

RTL fixes and improvements: add-media, image-editor, the spinners, the featured image button, some css cleanup, props ocean90, maor, SergeyBiryukov, ramiy, see #22453

Location:

trunk

Files:

• wp-admin/css/wp-admin-rtl.css (modified) (8 diffs)
• wp-admin/css/wp-admin.css (modified) (2 diffs)
• wp-includes/css/editor.css (modified) (2 diffs)

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

@@ -23 +23 @@
     11.1 - Custom Fields
     11.2 - Post Revisions
+    11.3 - Featured Images
 12.0 - Categories
 13.0 - Tags
@@ -140 +141 @@
 #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;
@@ -548 +554 @@
 }
 
-.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;
+    }
 }
 
@@ -801 +824 @@
   11.0 - Write/Edit Post Screen
 ------------------------------------------------------------------------------*/
-/* structural/layout */
-#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;
-    }
+
+#save-action .spinner,
+#show-comments a,
+#show-comments .spinner {
+    float: right;
 }
 
 #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;
 }
 
@@ -916 +935 @@
 table.diff td, table.diff th {
     font-family: Consolas, Monaco, monospace;
+}
+
+/*------------------------------------------------------------------------------
+  11.3 - Featured Images
+------------------------------------------------------------------------------*/
+
+#select-featured-image a {
+    float: right;
 }
 
@@ -1079 +1106 @@
 ------------------------------------------------------------------------------*/
 
+.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;
 }
 
@@ -2030 +2087 @@
     margin-left: 0;
     margin-right: 20px;
+}
+
+.button.right, .button-secondary.right, .button-primary.right {
+    float: left;
 }
 
@@ -2337 +2398 @@
 }
 
-.feature-filter .feature-name {
-    float: right;
-    text-align: left;
-}
-
 .feature-filter .feature-group li {
-    float: right;
     padding-right: 0;
     padding-left: 25px;

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

@@ -4147 +4147 @@
 }
 
-.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;
@@ -7878 +7881 @@
 
 .feature-container {
-width: 100%;
-overflow: auto;
-margin-bottom: 10px;
+    width: 100%;
+    overflow: auto;
+    margin-bottom: 10px;
 }
 

trunk/wp-includes/css/editor.css

@@ -971 +971 @@
 }
 
+.rtl .wp-editor-tools {
+    padding: 0 0 0 10px;
+}
+
 .wp-editor-container {
     border-width: 1px;
@@ -1048 +1052 @@
 }
 
+.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;
 }