search

mdbootstrap / mdb-ui-kit

Bootstrap 5 & Material Design UI KIT
https://mdbootstrap.com/docs/standard/
Other
24.16k stars 3.52k forks source link

Bootstrap-material-design-RTL! #1161

Closed sadeghbarati closed 6 years ago

sadeghbarati commented 7 years ago

hi fezvrasta im iranian guy and i have problem with bootstrap-material-design: your project dont support rtl and it annoying at all, iadd main file bootstrap i add bootstrap-rtl, and add your project to my html file bootstrap-material-design, every thing or few thing right (cuz i dont check all of your site) but ihave problem with checkboxes radiobutton ,inputs

thank you pls Answer

FezVrasta commented 7 years ago

Hi, sorry but I have no idea of how to support RTL. Feel free to send a PR if you want to see it fixed

sadeghbarati commented 7 years ago

i found rtl material but same problem 😒😢

pi0 commented 7 years ago

@riiccardo awesome bootstrap-rtl by morteza is not yet ported to v4. Also you can use Bootstrap4-RTL BTW There is no magic behind them. Simply add rtl-css to your build workflow and it will do things magically. (Also don't forget dir=rtl on body tag) This way you can easily make any bootstrap based them or framework RTL compatible ...

ghaseminya commented 7 years ago

Hi @riiccardo @pi0 Are you complete a RTL version of this repo? Are you PR your new version?

pi0 commented 7 years ago

@ghaseminya As I said making a RTL version is not a hard thing we just need a postcss plugin. We can start another project making pre-built RTL versions or even adding a special RTL version to this repo build workflow. This is Repo maintainer's decision :))

FezVrasta commented 7 years ago

I'm happy to accept PRs against the v4 branch

ghaseminya commented 7 years ago

@pi0 yes you are true, it is not hard, but if we can add this availability as new feature to current project so any body that want to use this project with RTL support, feel free about use RTL or not use it! thanks for @FezVrasta for accept new PR!

mhmdadlan commented 7 years ago

I had the same problem with a template built on this framework, so when u switch to rtl for some odd reason in my case : checkboxes buttons and radio inputs were off alignment. after researching and debugging for a whole day I found that this is caused by the css propertywill-changeon buttons and inputs , which kinda cashes the animations to enable the browser to render it smoothly. any way I removed this line, and it working for now. but the animation looks crappy. I hope u find a solution for it @FezVrasta and if I did I will make my first pull request eva xD ;

FezVrasta commented 6 years ago

I suggest to use postcss-rtl to convert any stylesheet to RTL.