i18n: rtl: Fixup filedrop for rtl display

css/filedrop.css

@@ -26,15 +26,19 @@
     margin: 0;
     border-radius: 5px;
 }
+.rtl .filedrop .files .file {
+    padding-left: 10px;
+    padding-right: 20px;
+}
 .filedrop .files .file:hover {
    background-color: rgba(0, 0, 0, 0.05);
 }
 .filedrop .files .file .filesize {
-  margin-left: 1em;
+  margin: 0 1em;
   color: #999;
 }
 .filedrop .files .file .upload-rate {
-  margin-right: 10px;
+  margin: 0 10px;
   color: #aaa;
 }
 .filedrop .files .file .trash {
@@ -55,6 +59,11 @@
   float: left;
   padding-right: 10px;
 }
+.rtl .filedrop .preview {
+  padding-right: initial;
+  padding-left: 10px;
+  float: right;
+}
 .redactor_box + .filedrop .dropzone,
 .redactor_box + div > .filedrop .dropzone,
 .redactor_box + div > .filedrop .files {
@@ -113,6 +122,9 @@
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
 }
+.rtl .progress-bar {
+  float: right;
+}
 .progress-bar:not(.active) {
   -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;

css/rtl.css

@@ -110,4 +110,10 @@
 .rtl .action-dropdown ul {
     text-align: right;
 }
-  text-align: left;
+.rtl .file {
+    padding-left: initial;
+    padding-right: 20px;
+    margin-right: initial;
+    margin-left: 20px;
+    background: url(../scp/images/icons/file.gif) 100% 50% no-repeat;
+}

js/filedrop.field.js

@@ -153,7 +153,7 @@
       filenode
           .append($('<div class="filetype"></div>').addClass())
           .append($('<img class="preview" />'))
-          .append($('<div class="filename"></div>')
+          .append($('<span class="filename ltr"></div>')
             .append($('<span class="filesize"></span>').text(
               this.fileSize(parseInt(file.size))
             ))
@@ -186,7 +186,7 @@
             .attr('href', 'file.php?h='+escape(file.download))
         );
       else
-        filenode.find('.filename').prepend(document.createTextNode(file.name));
+        filenode.find('.filename').prepend($('<span>').text(file.name));
       this.$element.parent().find('.files').append(filenode);
       this.uploads.push(filenode);
       return filenode;