Changeset 29623

Timestamp:

08/26/2014 12:54:23 PM (12 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];