Skip to content

bootstrap plugin with RTL pages #177

@fisharebest

Description

@fisharebest

There are various problems with right-to-left pages (arabic, hebrew, etc.), all caused by explicit left / right attributes in the CSS. For example,

  1. alignment/margins of the elements in the thead and tfoot
  2. left-hand column has no right-hand border
  3. sort icons at wrong end of label

A common fix for these problems is to add an RTL override for each rule that contains a left or right attribute. e.g.

.foo {
  text-align: left;
  margin-right: 10px;
}

[dir=rtl] .foo {
  text-align: right;
  margin-right: inherit;
  margin-left: 10px;
}

Of course, the majority of sites are LTR only, and no doubt people will complain of unncessary bloat.

Are you interested in RTL issues? I want to check before I spend time creating a PR.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions