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

Fix system settings label and description fields alignment in RTL mode #266

Open
nadavkav opened this issue May 18, 2014 · 3 comments
Open

Comments

@nadavkav
Copy link

Before fix:
image

After fix:
image

@media (min-width: 992px)
.dir-rtl {
.form-item .form-label {float: right;}
.mform .fitemtitle, .form-label {text-align: left;}
.form-item .form-description {margin-right: 33.33333333%;}
}

@gjb2048
Copy link
Collaborator

gjb2048 commented May 25, 2014

Is this related to #273?

@gjb2048
Copy link
Collaborator

gjb2048 commented May 25, 2014

I think this is fixed if 'moodle-rtl.css' is used but the block flipping logic has gone?

@nadavkav
Copy link
Author

I was not brave enough to test #273?

But I think I found it in moodle-rtl.css

.form-item .form-description {margin-right: 33.33333333%;}
https://github.com/bmbrands/theme_bootstrap/blob/master/style/moodle-rtl.css#L16974

not completely sure about:
.mform .fitemtitle, .form-label {text-align: left;}
.form-item .form-label {float: right;}

https://github.com/bmbrands/theme_bootstrap/blob/master/style/moodle-rtl.css#L16855

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

3 participants