Ticket #3399

modules/boonex/artificer/data/template/system/css/menu.css

@@ -45,11 +45,6 @@ li.bx-menu-inter-hidden {
     text-decoration:none;
 }
 
-/*--- Top Menu ---*/
-.bx-sliding-smenu-main .bx-arr-menu-floating-blocks {
-    flex-wrap: nowrap;
-}
-
 /*--- Toolbar Menu ---*/
 .bx-menu-toolbar .bx-menu-toolbar-item.bx-menu-item-account {
     padding: 0;

modules/boonex/artificer/data/template/system/menu_add_content.html

@@ -0,0 +1 @@
+<bx_include_auto:menu_main.html />

modules/boonex/artificer/data/template/system/menu_floating_blocks.html

@@ -1,11 +1,11 @@
-<ul id="__html_id__" class="bx-arr-menu-floating-blocks<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex flex-wrap">
-    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ rounded __class_add__">
-        <a href="__link__" onclick="__onclick__" class="flex flex-row items-center text-gray-600 dark:text-gray-300 dark:hover:bg-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:hover:text-white px-3 py-2 rounded text-sm font-medium"__attrs__>
-            <div class="bx-menu-floating-blocks-icon">
-                <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
-                <bx_if:image><img style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
+<ul id="__html_id__" class="bx-menu-floating-blocks<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex flex-wrap">
+    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ w-20 rounded __class_add__">
+        <a href="__link__" onclick="__onclick__" class="flex flex-col items-center text-gray-600 dark:text-gray-300 dark:hover:bg-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:hover:text-white px-3 py-2 rounded text-sm font-medium"__attrs__>
+            <div class="bx-menu-floating-blocks-icon m-2">
+                <bx_if:icon><i class="sys-icon __icon__ block w-8 h-8 leading-8 text-3xl text-center"></i></bx_if:icon>
+                <bx_if:image><img class="block w-8 h-8" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
             </div>
-            <div class="bx-menu-floating-blocks-title ml-1">__title__</div>
+            <div class="bx-menu-floating-blocks-title">__title__</div>
         </a>__popup__
     </li></bx_repeat:menu_items>
 </ul>

modules/boonex/artificer/data/template/system/menu_main.html

@@ -0,0 +1,18 @@
+<ul id="__html_id__" class="bx-menu-main<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex flex-nowrap">
+    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ rounded __class_add__">
+        <a href="__link__" onclick="__onclick__" class="flex flex-row items-center text-gray-600 dark:text-gray-300 dark:hover:bg-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:hover:text-white px-3 py-2 rounded text-sm font-medium"__attrs__>
+            <div class="bx-menu-floating-blocks-icon">
+                <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
+                <bx_if:image><img style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
+            </div>
+            <div class="bx-menu-floating-blocks-title ml-1">__title__</div>
+        </a>__popup__
+    </li></bx_repeat:menu_items>
+</ul>
+<script language="javascript">
+    $(document).ready(function () {
+        // add default class to active menu items
+        $('.bx-menu-floating-blocks > li.bx-menu-tab-active').not('.bx-def-color-bg-active').addClass('bx-def-color-bg-active');
+    });
+</script>
+__js_code__