RTL style fixes for the Theme Customizer. Props ocean90, helenyhou.

git-svn-id: http://core.svn.wordpress.org/trunk@20674 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan 2012-05-01 22:06:53 +00:00
parent 1491c8c531
commit 52c4490065
3 changed files with 69 additions and 29 deletions

View File

@ -1542,7 +1542,7 @@ table .column-rating {
.wp-full-overlay.collapsed,
.wp-full-overlay.collapsed div.wp-full-overlay-header,
.wp-full-overlay.collapsed div.wp-full-overlay-footer {
left: 0;
left: auto;
right: -302px;
}
@ -1558,7 +1558,6 @@ table .column-rating {
}
.wp-full-overlay.collapsed .wp-full-overlay-main {
left: auto;
right: 0;
}
@ -1594,7 +1593,7 @@ table .column-rating {
.wp-full-overlay.collapsed .collapse-sidebar {
left: auto;
right: 315px;
right: 325px;
}
.wp-full-overlay .collapse-sidebar-arrow {

View File

@ -7,6 +7,11 @@
left: 20px;
}
#customize-footer-actions img {
margin-left: 0;
margin-right: 4px;
}
.customize-control {
float: right;
}
@ -18,6 +23,10 @@
margin-left: 10px;
}
.customize-control-content {
float: left;
}
.customize-control-text input,
.customize-control-select select,
.customize-control-checkbox input,
@ -27,6 +36,10 @@
clear: left;
}
.customize-control-text input {
float: left;
}
.customize-control-radio label {
float: right;
clear: both;
@ -37,14 +50,49 @@
margin-left: 5px;
}
#customize-preview {
/*
* Dropdowns
*/
.customize-section .dropdown {
float: right;
}
.customize-section .dropdown-content {
float: right;
margin-right: 0px;
margin-left: 16px;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.customize-control .dropdown-arrow {
right: auto;
left: 0;
right: 300px;
border-color: #ccc;
border-style: solid;
border-width: 1px 0 1px 1px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.customize-control .dropdown-arrow:after {
right: auto;
left: 4px;
}
/*
* Color Picker
*/
.customize-control-color .dropdown {
margin-right: 0;
margin-left: 5px;
}
.customize-section .color-picker-hex {
float: right;
}
.customize-section .color-picker-hex span {
float: right;
margin: 1px 0 0 -2px;
@ -52,32 +100,22 @@
text-align: left;
}
.customize-control-color .farbtastic-placeholder {
margin: 5px 25px 10px 0;
float: right;
}
/*
* Image Picker
*/
.customize-section .customize-image-picker {
float: right;
.customize-section .customize-control-image .actions {
float: left;
}
.customize-section .customize-image-picker .thumbnail {
float: right;
clear: right;
margin-right: 0;
margin-left: 20px;
}
.customize-section .customize-image-picker .actions {
float: right;
}
.customize-section .customize-image-picker .library ul {
float: right;
}
.customize-section .customize-image-picker .library li {
float: right;
}
.customize-section .customize-image-picker .library div {
.customize-control-image .library,
.customize-control-image .actions,
.customize-section .customize-control-image .library ul,
.customize-section .customize-control-image .library li,
.customize-section .customize-control-image .library-content {
float: right;
}

View File

@ -134,6 +134,7 @@ body {
top: 18px;
margin-left: 4px;
}
.saving #customize-footer-actions img {
display: inline;
}
@ -151,6 +152,7 @@ body {
margin-right: 10px;
line-height: 28px;
}
.customize-control-content {
float: right;
width: 140px;
@ -300,6 +302,7 @@ body {
.customize-control-color .farbtastic-placeholder {
display: none;
}
.customize-control-color.open .color-picker-hex,
.customize-control-color.open .farbtastic-placeholder {
display: block;
@ -365,12 +368,12 @@ body {
/*
* Image Picker
*/
.customize-control-image .library,
.customize-control-image .actions {
display: none;
float: left;
}
.customize-control-image.open .library,
.customize-control-image.open .actions {
display: block;
@ -469,4 +472,4 @@ body {
text-align: center;
color: #777;
position: relative;
}
}