From ad023781829a82e236a70b129cc043deb3dbfc56 Mon Sep 17 00:00:00 2001 From: Chris Adams Date: Thu, 21 Aug 2014 11:37:16 -0400 Subject: [PATCH] LESS: fix control positioning on RTL pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Currently the next and previous controls will overlap when embedded on an RTL page. This commit makes the controls usable but doesn’t start the larger project of flipping the various left/right classes applied to .nav-next / .nav-previous elements or updating the JavaScript to use “left” or “right” based on whether the timeline is embedded in a dir=rtl or dir=ltr element. --- source/less/Core/Typography.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/source/less/Core/Typography.less b/source/less/Core/Typography.less index 8f1684f..5f648b5 100644 --- a/source/less/Core/Typography.less +++ b/source/less/Core/Typography.less @@ -188,8 +188,12 @@ /* Right to Left * ---------------------------------------------------------------------------------------- */ .vco-storyjs.vco-right-to-left { - h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, + [dir=rtl] &, &[dir=rtl] { + direction: ltr; + } + + h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, { - direction:rtl; + direction: rtl; } }