diff --git a/wp-admin/css/wp-admin-rtl.dev.css b/wp-admin/css/wp-admin-rtl.dev.css index f6bd3d4c6..ae0bf0e10 100644 --- a/wp-admin/css/wp-admin-rtl.dev.css +++ b/wp-admin/css/wp-admin-rtl.dev.css @@ -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 { diff --git a/wp-includes/css/customize-controls-rtl.dev.css b/wp-includes/css/customize-controls-rtl.dev.css index acb38732d..fdbb97800 100644 --- a/wp-includes/css/customize-controls-rtl.dev.css +++ b/wp-includes/css/customize-controls-rtl.dev.css @@ -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; } diff --git a/wp-includes/css/customize-controls.dev.css b/wp-includes/css/customize-controls.dev.css index 51e06ffb5..be666f49d 100644 --- a/wp-includes/css/customize-controls.dev.css +++ b/wp-includes/css/customize-controls.dev.css @@ -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; -} \ No newline at end of file +}