Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RTL Problem #32666

Closed
omoridi opened this issue Jan 3, 2021 · 1 comment
Closed

RTL Problem #32666

omoridi opened this issue Jan 3, 2021 · 1 comment

Comments

@omoridi
Copy link

omoridi commented Jan 3, 2021

Hello dear
I see you added RTL in version 5, but it have some problem!
What's the problem?
I can not have both ltr and rtl in same time.
I do it for my self and add a rtl class. so you can have both ltr and rtl in same time.
if you use inspect of browser and add rtl to class attribute, everything shown RTL at runtime and do not need refreshed the page.
You can see on below link:
http://widgetnas.nastouh.com/Bootstrap/RTL
and fixed some a little css bugs of bootstrap 4
If you want the source files contact me to send you as free. or download css file free from
http://widgetnas.nastouh.com/Bootstrap
Best regards
Omid Moridi

@omoridi omoridi added the feature label Jan 3, 2021
@ffoodd
Copy link
Member

ffoodd commented Jan 4, 2021

Hi there,

This is explained in our remaining tasks for RTL issue. We chose to have two separate files, meaning you can't use both at the same time.

We want to add some new examples showing bidi contents, but that's not done yet.

FWIW, implementing your way of doing this using our sources is pretty straightforward thanks to RTLCSS String Maps as long as you run Sass and RTLCSS by yourself. Simply wrap the desired partials (or everything) with something like:

/* rtl:begin:options: {
    "autoRename": true,
    "stringMap":[ 'name'    : 'ltr-rtl',
    'priority': 100,
    'search'  : ['ltr', 'Ltr', 'LTR'],
    'replace' : ['rtl', 'Rtl', 'RTL'],
    'options' :	{
        'scope' : '*',
        'ignoreCase' : false
      } ]
} */
.ltr {
  @import …;
}
/*rtl:end:options*/

This would result in .ltr * in LTR, and .rtl in RTL. Then you'd be able to import both files.

Note: this is only a concept, I didn't try so you may have a few things to handle manually.

I'm closing this for now since this is the intended behaviour, feel free to comment again or open more detailed issues for specific bugs or suggestions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants