UI/Mainbar: 31492, move entire li-tag instead of button only on resize (ILIAS-eLearning#3711)

Author: nhaagen

src/UI/templates/js/MainControls/dist/mainbar.js

@@ -877,7 +877,9 @@ var renderer = function($) {
             if(model_state.any_tools_visible()) { max_buttons--;}
             for(i = max_buttons; i < root_entries_length; i++) {
                 btn = parts.triggerer.withHtmlId(dom_references[root_entries[i].id].triggerer);
+                list = btn.getElement().parent();
                 btn.getElement().appendTo(more_slate.getElement().children('.il-maincontrols-slate-content'));
+                list.remove();
             }
         },
         render: function (model_state) {
@@ -887,7 +889,13 @@ var renderer = function($) {
                 more_button = parts.triggerer.withHtmlId(dom_references[more_entry.id].triggerer),
                 more_slate = parts.slate.withHtmlId(dom_references[more_entry.id].slate);
                 //reset
-                more_slate.getElement().find('.btn-bulky, .link-bulky').insertBefore(more_button.getElement());
+                btns = more_slate.getElement().find('.btn-bulky, .link-bulky');
+                for(var i = 0; i < btns.length; i = i + 1) {
+                    li = document.createElement('li');
+                    li.appendChild(btns[i]);
+                    li.setAttribute('role', 'none');
+                    $(li).insertBefore(more_button.getElement().parent());
+                }
 
             if(model_state.more_available) {
                 actions.moveToplevelTriggerersToMore(model_state);

src/UI/templates/js/MainControls/src/mainbar.renderer.js

@@ -210,7 +210,9 @@ var renderer = function($) {
 
             for(i = max_buttons; i < root_entries_length; i++) {
                 btn = parts.triggerer.withHtmlId(dom_references[root_entries[i].id].triggerer);
+                list = btn.getElement().parent();
                 btn.getElement().appendTo(more_slate.getElement().children('.il-maincontrols-slate-content'));
+                list.remove();
             }
         },
         render: function (model_state) {
@@ -220,7 +222,13 @@ var renderer = function($) {
                 more_button = parts.triggerer.withHtmlId(dom_references[more_entry.id].triggerer),
                 more_slate = parts.slate.withHtmlId(dom_references[more_entry.id].slate);
                 //reset
-                more_slate.getElement().find('.btn-bulky, .link-bulky').insertBefore(more_button.getElement());
+                btns = more_slate.getElement().find('.btn-bulky, .link-bulky');
+                for(var i = 0; i < btns.length; i = i + 1) {
+                    li = document.createElement('li');
+                    li.appendChild(btns[i]);
+                    li.setAttribute('role', 'none');
+                    $(li).insertBefore(more_button.getElement().parent());
+                }
 
             if(model_state.more_available) {
                 actions.moveToplevelTriggerersToMore(model_state);