MDL-55388 theme_noname: Adjustments for RTL

Part of MDL-55071

diff --git a/theme/noname/scss/moodle.scss b/theme/noname/scss/moodle.scss
index 80e1a1f..d392144 100644 (file)
--- a/theme/noname/scss/moodle.scss
+++ b/theme/noname/scss/moodle.scss
@@ -3,10 +3,14 @@ $iconSpritePath:          "[[pix:theme|glyphicons-halflings]]" !default;
 $iconWhiteSpritePath:     "[[pix:theme|glyphicons-halflings-white]]" !default;
 
 $breadcrumb-divider: "▶" !default;
+$breadcrumb-divider-rtl: "◀" !default;
 
 // Import the bootstrap variables.
 @import "bootstrap/bootstrap";
 
+// Specific overrides to make Bootstrap RTL.
+@import "moodle/bootstrap-rtl";
+
 // Old Moodle stuff from base theme.
 // Massive, needs broken up.
 @import "moodle/core";

diff --git a/theme/noname/scss/moodle/bootstrap-rtl.scss b/theme/noname/scss/moodle/bootstrap-rtl.scss
new file mode 100644 (file)
index 0000000..0d08820
--- /dev/null
+++ b/theme/noname/scss/moodle/bootstrap-rtl.scss
@@ -0,0 +1,7 @@
+.breadcrumb-item {
+    + .breadcrumb-item::before {
+        content: "#{$breadcrumb-divider-rtl}";
+        /*rtl:remove*/
+        content: "#{$breadcrumb-divider}";
+    }
+}
\ No newline at end of file

diff --git a/theme/noname/scss/moodle/core.scss b/theme/noname/scss/moodle/core.scss
index 18d59f0..478db80 100644 (file)
--- a/theme/noname/scss/moodle/core.scss
+++ b/theme/noname/scss/moodle/core.scss
@@ -1183,6 +1183,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 }
 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
     padding: 5px;
+    right: 0;
 }
 .moodle-dialogue-base .closebutton {
     @extend .close;

diff --git a/theme/noname/scss/moodle/forms.scss b/theme/noname/scss/moodle/forms.scss
index a3d7d17..0fa92c3 100644 (file)
--- a/theme/noname/scss/moodle/forms.scss
+++ b/theme/noname/scss/moodle/forms.scss
@@ -33,11 +33,15 @@ form {
     margin-bottom: 4px;
 }
 .mform fieldset.collapsible legend a.fheader {
-    padding: 0 5px 0 20px;
-    margin-left: -20px;
-    background: url([[pix:t/expanded]]) 2px center no-repeat;
+    padding: 0 5px 0 18px;
+    margin-left: -18px;
+    background: url([[pix:t/expanded]]) 0 center no-repeat;
 }
 .mform fieldset.collapsed legend a.fheader {
+    /*rtl:raw:
+    background-image: url([[pix:t/collapsed_rtl]]);
+    */
+    /*rtl:remove*/
     background-image: url([[pix:t/collapsed]]);
 }
 .jsenabled .mform .collapsed .fcontainer {