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

View File

@ -7,6 +7,11 @@
left: 20px; left: 20px;
} }
#customize-footer-actions img {
margin-left: 0;
margin-right: 4px;
}
.customize-control { .customize-control {
float: right; float: right;
} }
@ -18,6 +23,10 @@
margin-left: 10px; margin-left: 10px;
} }
.customize-control-content {
float: left;
}
.customize-control-text input, .customize-control-text input,
.customize-control-select select, .customize-control-select select,
.customize-control-checkbox input, .customize-control-checkbox input,
@ -27,6 +36,10 @@
clear: left; clear: left;
} }
.customize-control-text input {
float: left;
}
.customize-control-radio label { .customize-control-radio label {
float: right; float: right;
clear: both; clear: both;
@ -37,14 +50,49 @@
margin-left: 5px; 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; 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 * 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 { .customize-section .color-picker-hex span {
float: right; float: right;
margin: 1px 0 0 -2px; margin: 1px 0 0 -2px;
@ -52,32 +100,22 @@
text-align: left; text-align: left;
} }
.customize-control-color .farbtastic-placeholder {
margin: 5px 25px 10px 0;
float: right;
}
/* /*
* Image Picker * Image Picker
*/ */
.customize-section .customize-image-picker { .customize-section .customize-control-image .actions {
float: right; float: left;
} }
.customize-section .customize-image-picker .thumbnail { .customize-control-image .library,
float: right; .customize-control-image .actions,
clear: right; .customize-section .customize-control-image .library ul,
margin-right: 0; .customize-section .customize-control-image .library li,
margin-left: 20px; .customize-section .customize-control-image .library-content {
}
.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 {
float: right; float: right;
} }

View File

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