Skip to content

RTL support (fixes) #1

@nadavkav

Description

@nadavkav

Hi Bas 😄

Here is an initial bunch of RTL CSS fixes:

.dir-rtl #id_s_theme_cerulean_customcss {direction:ltr; text-align:left;}
.dir-rtl .form-item .form-label,
.dir-rtl .form-item .form-settings,
.dir-rtl .form-item .form-description {float:right;}
.dir-rtl .form-item .form-description {margin-right: 33.33333333%;}
.dir-rtl .mform .fitemtitle, 
.dir-rtl .form-label {text-align: left;}

.dir-rtl .breadcrumb-nav {float: right;}
.dir-rtl .breadcrumb-button {float: left;}

.dir-rtl .pull-right.moodlezoom {float:left !important;}

.dir-rtl .loginbox .loginform .form-label {text-align: right;}
.dir-rtl .loginbox input[type="text"] {max-width:none;}

.dir-rtl .block .header .block_action {float: left;}

.dir-rtl .mform .fcontainer .fitem .fitemtitle, 
.dir-rtl .mform fieldset .fitem .fitemtitle {float: right;}
.dir-rtl .mform .fcontainer .fitem .fitemtitle label, 
.dir-rtl .mform fieldset .fitem .fitemtitle label {margin-left: 20px;}
.dir-rtl .mform fieldset.collapsed legend a.fheader { background-image: url([[pix:t/collapsed_rtl]])}
.dir-rtl .helptooltip {padding-right:20px;}
.dir-rtl .collapsible-actions {text-align: left;}

.dir-rtl .fp-viewbar {float: left;}
.dir-rtl .fp-toolbar { float: right;}

.dir-rtl .moodle-actionmenu.show[data-enhanced] .menu {text-align: right;}
.dir-rtl .moodle-actionmenu.show[data-enhanced] .menu .iconsmall {margin: 4px -10px 4px 4px;}

.dir-rtl .block_navigation .block_tree li.depth_2 ul {padding-right: 3px;}

.alert {text-align: center;}

.dir-rtl .course_category_tree .category > .content {padding-right: 16px;}

The following, should be parsed:
.dir-rtl .mform fieldset.collapsed legend a.fheader { background-image: url([[pix:t/collapsed_rtl]])}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions