adamschwartz / chrome-tabs

Chrome-style tabs in HTML/CSS.

Home Page:http://adamschwartz.co/chrome-tabs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add tabs from right to left

elkizana opened this issue · comments

What should I modify to add tabs from right to left ?

In an ideal world, chrome-tabs should be rewritten to use CSS logical properties, e.g. padding-inline-start in place of padding-left. That way when used in conjunction with a wrapping element with direction: rtl, everything would “just work”. Here’s a small example of CSS logical properties in use.

Up until this project implements CSS logical properties, though, you could theoretically change every instance of left to right, and vice-versa, in the code, and that should get you 95% of of the way there. I hope this helps!

thanks @adamschwartz ! I did invert all the values but with no success. The tabs keep adding to the right.

did it with these changes :
in chrome-tabs.js :
line 183 : transform: translate3d(${ -position }px, 0, 0)
in css changed left : 0 to right: 0 in .chrome-tabs .chrome-tab