Changeset 29623

Timestamp:

08/26/2014 12:54:23 PM (10 years ago)

Author:

ocean90

Message:

RTL: Fix modal alignments.

• Prevent horizontal scrollbars in Chrome.
• URL fields should be always LTR.
• Force the plugin details to be LTR for all screens, see #19778.

fixes #29352.

Location:

trunk/src

Files:

• wp-admin/css/common.css (modified) (9 diffs)
• wp-admin/css/media.css (modified) (1 diff)
• wp-admin/includes/template.php (modified) (1 diff)
• wp-includes/css/media-views.css (modified) (1 diff)
• wp-includes/js/media-views.js (modified) (1 diff)

trunk/src/wp-admin/css/common.css

@@ -2138 +2138 @@
     font-weight: 600;
     line-height: 56px;
+    position: relative;
     top: 0;
     right: 0;
@@ -2378 +2379 @@
 }
 
+/* @noflip */
+#plugin-information .section {
+    direction: ltr;
+}
+
+/* @noflip */
 #plugin-information .section ul,
 #plugin-information .section ol {
@@ -2405 +2412 @@
 }
 
+/* @noflip */
 #plugin-information #section-screenshots li p {
     font-style: italic;
@@ -2416 +2424 @@
 }
 
+/* @noflip */
 #plugin-information .review {
     width: 100%;
@@ -2428 +2437 @@
     clear: both;
 }
-
+/* @noflip */
 #plugin-information .review-title-section h4 {
     display: inline-block;
@@ -2443 +2452 @@
 }
 
+/* @noflip */
 #plugin-information .reviewer-info .avatar {
     float: left;
@@ -2448 +2458 @@
 }
 
-#plugin-information .star-rating {
+/* @noflip */
+#plugin-information .reviewer-info .star-rating {
     float: left;
 }
 
+/* @noflip */
 #plugin-information .review-meta {
     float: left;
@@ -2457 +2469 @@
 }
 
+/* @noflip */
 #plugin-information .review-body {
     float: left;
@@ -2569 +2582 @@
 body.update-core-php .tb-close-icon,
 body.index-php .tb-close-icon {
+    left: auto;
     right: -30px;
     color: #eee;

trunk/src/wp-admin/css/media.css

@@ -824 +824 @@
 .edit-attachment-frame .attachment-info .details,
 .edit-attachment-frame .attachment-info .settings {
+    position: relative; /* RTL fix, #WP29352 */
     overflow: hidden;
     float: none;

trunk/src/wp-admin/includes/template.php

@@ -453 +453 @@
         <div class="inside">
         <label for="author-url"><?php _e('URL') ?></label>
-        <input type="text" id="author-url" name="newcomment_author_url" size="103" value="" />
+        <input type="text" id="author-url" name="newcomment_author_url" class="code" size="103" value="" />
         </div>
         <div style="clear:both;"></div>

trunk/src/wp-includes/css/media-views.css

@@ -1683 +1683 @@
     padding: 0;
     padding-bottom: 16px;
+    position: relative; /* RTL fix, #WP29352 */
 }
 

trunk/src/wp-includes/js/media-views.js

@@ -6758 +6758 @@
             var self = this;
 
-            this.$input = $('<input id="embed-url-field" type="text" />').val( this.model.get('url') );
+            this.$input = $('<input id="embed-url-field" type="url" />').val( this.model.get('url') );
             this.input = this.$input[0];