IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

RTL fixes for media and color picker.

Browse Source 
Props ocean90
see #22453


git-svn-id: http://core.svn.wordpress.org/trunk@22947 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Ryan Boren
2012-11-30 13:34:16 +00:00
parent 5d9fcc48b6
commit c7c590ce3c
5 changed files with 136 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
wp-includes/css/media-views-rtl.css
View File

@@ -17,7 +17,6 @@
.media-frame-toolbar > .media-toolbar {
left: 0;
right: 200px;
border-width: 1px 0 0 0;
}
@@ -49,11 +48,8 @@
.media-sidebar {
right: auto;
left: 0;
}
.hide-sidebar .media-sidebar {
right: auto;
left: -300px;
border-left: 0;
border-right: 1px solid #dfdfdf;
}
.media-sidebar .setting {
@@ -104,6 +100,14 @@
box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.2 )
}
/**
* Frame
*/
.media-frame .region-content {
left: 0;
right: 200px;
}
/**
* Attachment Browser Filters
*/
@@ -112,19 +116,6 @@
margin-left: 10px;
}
/**
* Frame
*/
.media-frame .region-content {
left: 300px;
right: 200px;
}
.media-frame.hide-sidebar .region-content {
right: 200px;
left: 0;
}
/**
* Search
*/
@@ -137,7 +128,6 @@
* Attachments
*/
.attachments {
margin: 0;
padding-right: 0;
padding-left: 16px;
}
@@ -149,7 +139,6 @@
float: right;
}
.attachment .icon,
.attachment .thumbnail {
left: auto;
right: 0;
@@ -165,13 +154,39 @@
left: -7px;
}
/**
* Attachments Browser
*/
.attachments-browser .media-toolbar {
right: 0;
left: 300px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline {
right: 0;
left: 300px;
}
/**
* Progress Bar
*/
.attachment-preview .media-progress-bar {
left: auto;
right: 15%;
margin: -8px -4px 0 0;
}
.media-sidebar .media-uploader-status .upload-dismiss-errors {
right: auto;
left: 0;
}
.upload-errors .upload-error-label {
margin-right: 0;
margin-left: 8px;
float: right;
margin-top: -3px;
}
/**
@@ -190,6 +205,8 @@
.media-selection .selection-info a {
float: right;
border-right: 0;
border-left: 1px solid #dfdfdf;
margin: 1px -8px 1px 8px;
}
@@ -201,7 +218,7 @@
.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-gradient(linear, left top, right 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 ) );
@@ -241,10 +258,7 @@
margin-left: 10px;
}
.attachment-info .details {
float: right;
}
.attachment-info .details,
.attachment-info .compat-meta {
float: right;
}
@@ -271,3 +285,21 @@
.media-embed .setting {
float: right;
}
/**
* Responsive layout
*/
@media only screen and (max-width: 900px) {
.media-frame .region-content,
.media-frame-toolbar > .media-toolbar {
left: 0;
right: 120px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline,
.attachments-browser .media-toolbar {
right: 0;
left: 180px;
}
}