RTL considerations in CSS of activities

Unfortunately, this hasn’t been added yet.

Hopefully, this is something we can get someone to contribute. I’m not very experienced in getting RTL CSS correct –?though, it shouldn’t be that hard ??

I only used multiple choice question, and in the front end I added to my theme a little CSS that takes care of the few things that weren’t aligned correctly. I’ll put it up here in case it helps someone.
I haven’t looked at the back end CSS at all, and I haven’t needed any other content type yet. I would love to help more, just hope I can find time.

/* H5P RTL styles for multiple choice */
.rtl .h5p-multichoice .h5p-alternative-container{
	text-align: right;
	padding: 0.25em 2.1em 0.25em 0.75em;
}
.rtl .h5p-multichoice .h5p-answer .h5p-alternative-container::before{
    left: auto;
    right: 2.5em;
}
.rtl .h5p-alternative-inner{
	margin: 0 2em 0 1.5em;
}
.rtl .h5p-joubelui-score-bar{
	margin-right:0;
	margin-left: 0.5em;
}
.rtl .h5p-multichoice .h5p-answer-icon{
	right: auto;
	left: 0.75em;
}
.rtl .h5p-joubelui-button::before{
    padding-right: 0;
    padding-left: 0.5em;
}

• This reply was modified 8 years, 3 months ago by Lea.

Thanks!