Ticket #22453: 22453.media-view.patch

wp-includes/css/media-views.css

@@ -172 +172 @@
         margin: 0;
         padding: 12px 10px 10px;
         line-height: 28px;
-        /*border-bottom: 1px solid #dfdfdf;*/
 }
 
 .media-sidebar .sidebar-content {
@@ -200 +199 @@
         margin: 24px 0 8px;
 }
 
-/*.media-sidebar h3:before {
-        content: '\25B8';
-        display: block;
-        position: absolute;
-        top: -1px;
-        left: -12px;
-        font-size: 14px;
-        color: #ccc;
-}
-*/
 .media-sidebar .setting {
         display: block;
         float: left;
@@ -282 +271 @@
         float: left;
         text-align: right;
 }
+
 .compat-item .label span {
         display: block;
         width: 100%;
@@ -784 +774 @@
 /**
  * Selection
  */
-
 .media-selection {
         position: absolute;
         top: 0;
@@ -890 +879 @@
 /**
  * Selection Preview
  */
-
 .selection-preview {
         position: relative;
         height: 60px;
@@ -954 +942 @@
 /**
  * Attachment Details
  */
-
 .attachment-details {
         overflow: auto;
 }
@@ -1128 +1115 @@
         width: 100%;
         max-width: 400px;
         margin: 1px 0;
-}
- No newline at end of file
+}

wp-includes/css/media-views-rtl.css

@@ +1 @@
+/**
+ * Modal
+ */
+.media-modal-title {
+        left: auto;
+        right: 0;
+        float: right;
+}
+
+.media-modal-close {
+        right: auto;
+        left: 0;
+        float: left;
+}
+
+/**
+ * Toolbar
+ */
+.media-frame > .media-toolbar {
+        left: 0;
+        right: 200px;
+        border-width: 1px 0 0 0;
+}
+
+
+.media-toolbar-primary {
+        float: left;
+}
+
+.media-toolbar-secondary {
+        float: right;
+}
+
+.media-toolbar-primary > .media-button,
+.media-toolbar-primary > .media-button-group {
+        margin-left: 0;
+        margin-right: 10px;
+        float: right;
+}
+
+.media-toolbar-secondary > .media-button,
+.media-toolbar-secondary > .media-button-group {
+        margin-right: 0;
+        margin-left: 10px;
+        float: right;
+}
+
+/**
+ * Sidebar
+ */
+.media-sidebar {
+        right: auto;
+        left: 0;
+}
+
+.hide-sidebar .media-sidebar {
+        right: auto;
+        left: -300px;
+}
+
+.media-sidebar .setting {
+        float: right;
+}
+
+.media-sidebar .setting span {
+        margin-right: 0;
+        margin-left: 4%;
+}
+
+.media-sidebar .setting span,
+.compat-item label span {
+        float: right;
+        text-align: left;
+}
+
+.media-sidebar .setting input,
+.media-sidebar .setting textarea {
+        float: left;
+}
+
+.compat-item {
+        float: right;
+}
+
+.compat-item .label {
+        margin-right: 0;
+        margin-left: 4%;
+        float: right;
+        text-align: left;
+}
+
+.compat-item .field {
+        float: left;
+        padding-right: 0;
+        padding-left: 1px;
+}
+
+
+/**
+ * Menu
+ */
+.media-menu {
+        left: auto;
+        right: 0;
+        box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.4 )
+}
+
+/**
+ * Frame
+ */
+.media-frame .region-content {
+        left: 300px;
+        right: 200px;
+}
+
+.media-frame.hide-sidebar .region-content {
+        right: 200px;
+        left: 0;
+}
+
+/**
+ * Search
+ */
+.media-toolbar-secondary .search {
+        margin-right: 0;
+        margin-left: 16px;
+}
+
+/**
+ * Attachments
+ */
+.attachments {
+        margin: 0;
+        padding-right: 0;
+        padding-left: 16px;
+}
+
+/**
+ * Attachment
+ */
+.attachment {
+        float: right;
+}
+
+.attachment.library.selected:after {
+        right: auto;
+        left: -1px;
+        border-width: 0 1px 1px 0;
+
+        box-shadow: 1px 1px 0 rgba( 0, 0, 0, 0.1 );
+}
+
+.attachment .icon,
+.attachment .thumbnail {
+        left: auto;
+        right: 0;
+}
+
+.attachment .insert {
+        left: auto;
+        right: 7px;
+}
+
+.attachment .close {
+        right: auto;
+        left: 5px;
+}
+
+
+/**
+ * Progress Bar
+ */
+.attachment-preview .media-progress-bar {
+        left: auto;
+        right: 15%;
+        margin: -8px -4px 0 0;
+}
+
+/**
+ * Selection
+ */
+.media-selection {
+        right: 0;
+        left: 350px;
+        padding: 0 16px 0 0;
+}
+
+.media-selection .selection-info {
+        margin-right: 0;
+        margin-left: 10px;
+}
+
+.media-selection .selection-info a {
+        float: right;
+        margin: 1px -8px 1px 8px;
+}
+
+.media-selection .selection-info a:last-child {
+        border-right: 1px;
+        border-left: 0;
+}
+
+.media-selection:after {
+        right: auto;
+        left: 0;
+        background-image: -webkit-gradient(linear, left top, left top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) ));
+        background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
+        background-image:    -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
+        background-image:      -o-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
+        background-image:   linear-gradient(to right, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
+}
+
+
+/**
+ * Selection Preview
+ */
+.selected-img {
+        float: right;
+        margin-right: 0;
+        margin-left: 14px;
+}
+
+.selection-preview img {
+        float: right;
+        margin-left: 0;
+        margin-right: 1px;
+}
+
+.selection-preview .count {
+        right: auto;
+        left: 0;
+}
+
+.selection-preview .clear-selection {
+        float: right;
+}
+
+/**
+ * Attachment Details
+ */
+.attachment-info .thumbnail {
+        float: right;
+        margin-right: 0;
+        margin-left: 10px;
+}
+
+.attachment-info .details {
+        float: right;
+}
+
+.attachment-info .compat-meta {
+        float: right;
+}
+
+/**
+ * Attachment Display Settings
+ */
+.attachment-display-settings {
+        float: right;
+}
+
+/**
+ * Embed from URL
+ */
+.embed-url span {
+        display: block;
+        padding: 4px 2px 6px 0;
+}
+
+.media-embed .thumbnail {
+        float: right;
+}
+
+.media-embed .setting {
+        float: right;
+}

wp-includes/script-loader.php

@@ -492 +492 @@
 
         $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
 
-        $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls' );
+        $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views' );
         // Any rtl stylesheets that don't have a .min version
         $no_suffix = array( 'farbtastic' );