Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !6409

Add RTL (right to left) support

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/malekpour/2.3.0-wip into 2.3.0-wip Dec 27, 2012
  • Overview 0
  • Commits 1
  • Pipelines 0
  • Changes 5

Created by: malekpour

I have added right to left support by adding extra CSS rules inside .rtl classes. This method does not affect original functionality at all, does not need additional CSS file and will be easy maintainable. Changes have been made inside elements in less files like the following sample block:

.sample {
  margin-left: 2px;
  .rtl & {
    margin-left: auto;
    margin-right: 2px;
  }
}

Also will supports dynamic layout change by adding or removing '.rtl' class from any container like body. example:

function switchLayout() {
  var $body = $(document.body);
  if ($body.hasClass('rtl')) {
    $body.removeClass('rtl');
  } else {
    $body.addClass('rtl');
  }
}
Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/malekpour/2.3.0-wip