RTL support for Angular Tree Control

I am trying to make Angular Tree Control work with RTL in IE 9+. That's what I have so far !

These overridden CSS works fine for all browsers except IE:

treecontrol li {

  position: relative;
  padding-right: 20px;
  padding-left: 0px;
  line-height: 20px;
}

treecontrol.tree-classic li.tree-expanded i {
  padding-left: 35px;
}

treecontrol.tree-classic li.tree-collapsed i {
  padding-left: 35px;
}

treecontrol.tree-classic li.tree-leaf i {
  padding-left: 35px;
}

      

But I'm having problems with IE. In IE, I have the following:

IE Result

But in Chrome and Firefox I have:

IN Chrome

What I am trying to achieve is to remove the white space between the icon and the text. I've tried playing with the addon but it doesn't seem like a solution.

Any ideas to fix this?

+3


source to share





All Articles