Browse Source

LESS: fix control positioning on RTL pages

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.
pull/683/head
Chris Adams 10 years ago
parent
commit
ad02378182
  1. 6
      source/less/Core/Typography.less

6
source/less/Core/Typography.less

@ -188,8 +188,12 @@
/* Right to Left /* Right to Left
* ---------------------------------------------------------------------------------------- */ * ---------------------------------------------------------------------------------------- */
.vco-storyjs.vco-right-to-left { .vco-storyjs.vco-right-to-left {
[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, 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, { 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;
} }
} }

Loading…
Cancel
Save