Ticket #3399 - Menus.

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

@@ -1,6 +1,6 @@
 <ul class="bx-menu-floating-blocks-wide bx-menu-object-__object__">
-    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ __class_add__ group relative flex justify-between items-center px-4 py-2 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 text-sm font-medium">
-        <a class="flex items-center" href="__link__" onclick="__onclick__"__attrs__>
+    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ __class_add__ group relative flex justify-between items-center px-4 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 font-normal">
+        <a class="flex flex-1 items-center py-2" href="__link__" onclick="__onclick__"__attrs__>
             <div class="bx-menu-floating-blocks-icon flex items-center justify-center h-5 w-5 mr-2">
                 <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
                 <bx_if:image><img class="h-5 w-5" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
@@ -11,10 +11,9 @@
         <bx_if:addon>__addonf__</bx_if:addon>
     </li></bx_repeat:menu_items>
 </ul>
-
 <script language="javascript">
     $(document).ready(function () {
         // add default class to active menu items
         $('.bx-menu-floating-blocks-wide > li.bx-menu-tab-active').not('.bx-def-color-bg-active').addClass('bx-def-color-bg-active');
     });
-</script>
+</script>

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

@@ -4,7 +4,7 @@
             <div class="bx-menu-floating-blocks-icon flex items-center justify-center text-gray-500 group-hover:text-gray-600 dark:group-hover:text-gray-300 mr-2 h-5 w-5">
                 <bx_include_auto:menu_icon.html />
             </div>
-            <div class="bx-menu-floating-blocks-title">__title__</div>
+            <div class="bx-menu-floating-blocks-title whitespace-nowrap">__title__</div>
         </a>__popup__
     </li></bx_repeat:menu_items>
 </ul>

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

@@ -1,5 +1,7 @@
-<ul id="bx-menu-main-submenu" class="bx-menu-main-submenu bx-menu-object-__object__ flex items-stretch space-x-8 overflow-x-auto">
+<ul id="bx-menu-main-submenu" class="bx-menu-main-submenu bx-menu-object-__object__ flex items-stretch overflow-x-auto">
     <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-__name__ __class_add__ group block relative py-4 px-4 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200 whitespace-nowrap text-sm font-medium text-center hover:bg-transparent focus:z-10 box-sizing"><a href="__link__" onclick="__onclick__"__attrs__>__title__<span class="bx-mi-underline absolute inset-x-0 bottom-0 h-0.5 group-hover:bg-gray-500 rounded-md"></span></a></li>
+        <li class="bx-menu-item bx-menu-item-__name__ __class_add__ flex">
+            <a class="group block relative py-4 px-4 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200 whitespace-nowrap text-sm font-medium text-center hover:bg-transparent focus:z-10 box-sizing" href="__link__" onclick="__onclick__"__attrs__>__title__<span class="bx-mi-underline absolute inset-x-0 bottom-0 h-0.5 group-hover:bg-gray-500 rounded-md"></span></a>
+        </li>
     </bx_repeat:menu_items>
 </ul>

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

@@ -1,6 +1,8 @@
 <ul id="__html_id__" class="bx-menu-main-submenu<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex items-stretch">
     <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-__name__ __class_add__ flex"><a href="__link__" onclick="__onclick__" class="group block relative py-4 px-4 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200 whitespace-nowrap text-sm font-medium text-center hover:bg-transparent focus:z-10 box-sizing"__attrs__>__title__<span class="bx-mi-underline absolute inset-x-0 bottom-0 h-0.5 group-hover:bg-gray-500 rounded-md"></span></a></a>__popup__</li>
+        <li class="bx-menu-item bx-menu-item-__name__ __class_add__ flex">
+            <a href="__link__" onclick="__onclick__" class="group block relative py-4 px-4 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200 whitespace-nowrap text-sm font-medium text-center hover:bg-transparent focus:z-10 box-sizing"__attrs__>__title__<span class="bx-mi-underline absolute inset-x-0 bottom-0 h-0.5 group-hover:bg-gray-500 rounded-md"></span></a></a>__popup__
+        </li>
     </bx_repeat:menu_items>
 </ul>
 __js_code__