Request for help: issue while adding RTL Support to lemmy-ui

[xximj]

Hey there,

I'm currently working on adding RTL (right-to-left) support to the main lemmy-ui project. A lot of lemmy users have been requesting this feature (I'm one of them haha) and things are looking promising since we had language tags feature.

So, I started working on this by recreating lemmy themes using RTLCSS tool which is the recommended method by bootstrap devs.
I also recreated main.css file and added some logic to handle switching between RTL and LTR css files using user's I18NextService.i18n.resolvedLanguage

Check my last commit

However, I've run into a problem with the styles.css file. The issue is that webpack is bundling everything together, when it should actually be bundling the RTL CSS files separately from styles.css .

So to make RTL work we should have 2 versions of css (styles.css and styles.rtl.css) and I'm not sure of the best way to handle this yet.

Any suggestions or advice would be greatly appreciated!

Thanks!