Media: RTL styles for the media modal. props ocean90. see #22453, #21390.

git-svn-id: http://core.svn.wordpress.org/trunk@22604 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Daryl Koopersmith 2012-11-15 23:58:33 +00:00
parent b19d48e7fe
commit 2e6aa4dacf
4 changed files with 279 additions and 16 deletions

View File

@ -0,0 +1,276 @@
/**
* 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;
}

View File

View File

@ -172,7 +172,6 @@
margin: 0;
padding: 12px 10px 10px;
line-height: 28px;
/*border-bottom: 1px solid #dfdfdf;*/
}
.media-sidebar .sidebar-content {
@ -200,16 +199,6 @@
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,6 +271,7 @@
float: left;
text-align: right;
}
.compat-item .label span {
display: block;
width: 100%;
@ -783,7 +773,6 @@
/**
* Selection
*/
.media-selection {
position: absolute;
top: 0;
@ -889,7 +878,6 @@
/**
* Selection Preview
*/
.selection-preview {
position: relative;
height: 60px;
@ -953,7 +941,6 @@
/**
* Attachment Details
*/
.attachment-details {
overflow: auto;
}
@ -1127,4 +1114,4 @@
width: 100%;
max-width: 400px;
margin: 1px 0;
}
}

View File

@ -492,7 +492,7 @@ function wp_default_styles( &$styles ) {
$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' );