From 4bb1a4ed85cab34783a306b0dcdb434171845322 Mon Sep 17 00:00:00 2001 From: Dion Hulse Date: Sun, 1 Dec 2013 04:55:38 +0000 Subject: [PATCH] Rotate the Collapse arrows correctly for RTL, switch the Theme next/previous arrows in RTL. Fixes #26340 git-svn-id: https://develop.svn.wordpress.org/trunk@26494 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/wp-admin.css | 48 ++++++++++++++++++++++++++++++----- 1 file changed, 42 insertions(+), 6 deletions(-) diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 714a2b70f0..23e945cbd9 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -2088,12 +2088,18 @@ ul#adminmenu > li.current > a.current:after { -moz-osx-font-smoothing: grayscale; } -.folded #collapse-button div:after { +.folded #collapse-button div:after, +.rtl #collapse-button div:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } +.rtl.folded #collapse-button div:after { + -ms-transform: none; + -webkit-transform: none; + transform: none; +} /* Auto-folding of the admin menu */ @media only screen and (max-width: 900px) { @@ -2205,6 +2211,13 @@ ul#adminmenu > li.current > a.current:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } + + .rtl.auto-fold #collapse-button div:after { + -ms-transform: none; + -webkit-transform: none; + transform: none; + } + } /* List table styles */ @@ -6731,6 +6744,13 @@ body.theme-overlay-open { color: #fff; } +.theme-overlay .right:before, +.theme-overlay .left:before { + font: normal 16px/54px 'dashicons' !important; + display: inline; + font-weight: 300; +} + .theme-overlay .left:before { content: '\f341'; } @@ -6739,13 +6759,15 @@ body.theme-overlay-open { content: '\f345'; } -.theme-overlay .right:before, -.theme-overlay .left:before { - font: normal 16px/54px 'dashicons' !important; - display: inline; - font-weight: 300; +.rtl .theme-overlay .left:before { + content: '\f345'; } +.rtl .theme-overlay .right:before { + content: '\f341'; +} + + .theme-overlay .theme-wrap { clear: both; position: fixed; @@ -8333,6 +8355,19 @@ body.full-overlay-active { text-decoration: none !important; } +.wp-full-overlay.collapsed .collapse-sidebar-arrow:before, +.rtl .wp-full-overlay .collapse-sidebar-arrow:before { + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before { + -ms-transform: none; + -webkit-transform: none; + transform: none; +} + .wp-full-overlay.collapsed .collapse-sidebar-arrow { background-position: -1px -109px; } @@ -8347,6 +8382,7 @@ body.full-overlay-active { .wp-full-overlay.collapsed .collapse-sidebar-label { display: none; } + /* Animations */ .wp-full-overlay, .wp-full-overlay-sidebar,