Merge branch 'MDL-56773-master' of git://github.com/rezaies/moodle

lib/editor/atto/plugins/equation/styles.css

@@ -9,7 +9,3 @@
     padding: 5px;
     min-width: 206px;
 }
-
-.atto_form .atto_equation_preview {
-    margin-bottom: 0; /* Turn off the margin-bottom from the class "well" */
-}

lib/editor/atto/plugins/equation/tests/behat/equation.feature

@@ -13,6 +13,7 @@ Feature: Atto equation editor
     And I select the text in the "Description" Atto editor
     And I click on "Show more buttons" "button"
     And I click on "Equation editor" "button"
+    And the "class" attribute of "Edit equation using" "field" should contain "text-ltr"
     And I set the field "Edit equation using" to " = 1 \div 0"
     And I click on "\infty" "button"
     And I click on "Save equation" "button"
@@ -31,6 +32,7 @@ Feature: Atto equation editor
     And I select the text in the "Description" Atto editor
     And I click on "Show more buttons" "button"
     And I click on "Equation editor" "button"
+    And the "class" attribute of "Edit equation using" "field" should contain "text-ltr"
     Then the field "Edit equation using" matches value " \pi "
     And I click on "Save equation" "button"
     And the field "Description" matches value "<p>\( \pi \)</p>"

lib/editor/atto/plugins/equation/yui/build/moodle-atto_equation-button/moodle-atto_equation-button-debug.js

@@ -59,10 +59,11 @@ var COMPONENTNAME = 'atto_equation',
             '<form class="atto_form">' +
                 '{{{library}}}' +
                 '<label for="{{elementid}}_{{CSS.EQUATION_TEXT}}">{{{get_string "editequation" component texdocsurl}}}</label>' +
-                '<textarea class="fullwidth {{CSS.EQUATION_TEXT}}" ' +
+                '<textarea class="fullwidth text-ltr {{CSS.EQUATION_TEXT}}" ' +
                         'id="{{elementid}}_{{CSS.EQUATION_TEXT}}" rows="8"></textarea><br/>' +
                 '<label for="{{elementid}}_{{CSS.EQUATION_PREVIEW}}">{{get_string "preview" component}}</label>' +
-                '<div describedby="{{elementid}}_cursorinfo" class="well well-small p-1 fullwidth {{CSS.EQUATION_PREVIEW}}" ' +
+                '<div describedby="{{elementid}}_cursorinfo" ' +
+                        'class="border rounded bg-light p-1 fullwidth {{CSS.EQUATION_PREVIEW}}" ' +
                         'id="{{elementid}}_{{CSS.EQUATION_PREVIEW}}"></div>' +
                 '<div id="{{elementid}}_cursorinfo">{{get_string "cursorinfo" component}}</div>' +
                 '<div class="mdl-align">' +