MDL-44215 Atto: Setting toolbar to break at predetermined point

Andmat7 · Mar 26, 2014 · b5a83da · b5a83da
1 parent 9ee8a35
commit b5a83da
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 1 deletion.
diff --git a/lib/editor/atto/plugins/collapse/styles.css b/lib/editor/atto/plugins/collapse/styles.css
@@ -0,0 +1,5 @@
+@media (max-width: 768px) {
+    .toolbarbreak {
+        display: none;
+    }
+}
diff --git a/...ugins/collapse/yui/build/moodle-atto_collapse-button/moodle-atto_collapse-button-debug.js b/...ugins/collapse/yui/build/moodle-atto_collapse-button/moodle-atto_collapse-button-debug.js
@@ -97,7 +97,10 @@ M.atto_collapse = M.atto_collapse || {
     after_init : function(params) {
         var toolbar = M.editor_atto.get_toolbar_node(params.elementid);
         var button = toolbar.one(SELECTORS.BUTTON);
+        var firstgroup = toolbar.all(SELECTORS.GROUPS).item(this.showgroups);
 
+        // Set the toolbar to break after the initial those displayed by default.
+        firstgroup.insert('<div class="toolbarbreak"></div>', 'before');
         // Set the state to "not collapsed" (which is the state when the page loads).
         button.setData('collapsed', false);
         // Call toggle to change the state when the page loads to "collapsed".

diff --git a/...plugins/collapse/yui/build/moodle-atto_collapse-button/moodle-atto_collapse-button-min.js b/...plugins/collapse/yui/build/moodle-atto_collapse-button/moodle-atto_collapse-button-min.js
diff --git a/...tto/plugins/collapse/yui/build/moodle-atto_collapse-button/moodle-atto_collapse-button.js b/...tto/plugins/collapse/yui/build/moodle-atto_collapse-button/moodle-atto_collapse-button.js
@@ -97,7 +97,10 @@ M.atto_collapse = M.atto_collapse || {
     after_init : function(params) {
         var toolbar = M.editor_atto.get_toolbar_node(params.elementid);
         var button = toolbar.one(SELECTORS.BUTTON);
+        var firstgroup = toolbar.all(SELECTORS.GROUPS).item(this.showgroups);
 
+        // Set the toolbar to break after the initial those displayed by default.
+        firstgroup.insert('<div class="toolbarbreak"></div>', 'before');
         // Set the state to "not collapsed" (which is the state when the page loads).
         button.setData('collapsed', false);
         // Call toggle to change the state when the page loads to "collapsed".

diff --git a/lib/editor/atto/plugins/collapse/yui/src/button/js/button.js b/lib/editor/atto/plugins/collapse/yui/src/button/js/button.js
@@ -95,7 +95,10 @@ M.atto_collapse = M.atto_collapse || {
     after_init : function(params) {
         var toolbar = M.editor_atto.get_toolbar_node(params.elementid);
         var button = toolbar.one(SELECTORS.BUTTON);
+        var firstgroup = toolbar.all(SELECTORS.GROUPS).item(this.showgroups);
 
+        // Set the toolbar to break after the initial those displayed by default.
+        firstgroup.insert('<div class="toolbarbreak"></div>', 'before');
         // Set the state to "not collapsed" (which is the state when the page loads).
         button.setData('collapsed', false);
         // Call toggle to change the state when the page loads to "collapsed".