Ticket #4120 - Links in menu items.

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

@@ -89,7 +89,7 @@ import url(../../../../../../../template/css/common.css);
     text-decoration:none;
 }
 
-.bx-db-menu-tab-btn ul > li {
+.bx-db-menu-tab-btn > ul > li {
     display: flex;
 }
 

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

@@ -1,21 +0,0 @@
-<ul id="bx-menu-inter-__id__" class="bx-menu-inter-vert bx-menu-object-__object__">
-    <bx_repeat:menu_items>
-        <li id="__name__-act" class="bx-menu-inter-act __class_wrp_act__ group flex items-center bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-white text-sm font-normal shadow-sm">
-            <div class="__class__ px-4 py-2" title="__title_attr__">__title__</div>
-        </li>
-        <li id="__name__-pas" class="bx-menu-inter-pas __class_wrp_pas__ group flex items-center text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 text-sm font-normal">
-            <a id="__name__" class="__class__" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
-                <div class="px-4 py-2">__title__</div>
-            </a>
-        </li>
-    </bx_repeat:menu_items>
-</ul>
-<script language="javascript">
-    $(document).ready(function() {
-    	$('#bx-menu-inter-__id__').find('a').bind('click', function() {
-            var sId = $(this).attr('id');
-            var sClassHidden = 'bx-menu-inter-hidden';
-            $(this).parent().siblings('.bx-menu-inter-act:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('.bx-menu-inter-pas.' + sClassHidden).removeClass(sClassHidden).siblings('#' + sId + '-pas:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('#' + sId + '-act.' + sClassHidden).removeClass(sClassHidden);
-    	});
-    });
-</script>

template/menu_interactive_vertical.html

@@ -1,12 +1,16 @@
 <ul id="bx-menu-inter-__id__" class="bx-menu-inter-vert bx-menu-object-__object__">
     <bx_repeat:menu_items>
-        <li id="__name__-act" class="bx-menu-inter-act __class_wrp_act__">
-            <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-topbottom __class__" title="__title_attr__">__title__</div>
+        <li id="__name__-act" class="bx-menu-inter-act __class_wrp_act__ bx-menu-tab-active">
+            <div class="__class__ bx-stl-mil group flex flex-auto items-center truncate" title="__title_attr__">
+                <span class="bx-menu-item-title bx-stl-mit">__title__</span>
+            </div>
         </li>
-        <li id="__name__-pas" class="bx-menu-inter-pas bx-def-round-corners bx-def-color-bg-hl-hover __class_wrp_pas__">
-            <a id="__name__" class="__class__" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
-                <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-topbottom">__title__</div>
-            </a>
+        <li id="__name__-pas" class="bx-menu-inter-pas __class_wrp_pas__">
+            <div class="bx-menu-item-cnt bx-stl-mil-wo-gaps">
+                <a id="__name__" class="__class__ bx-stl-mil-gaps group flex flex-auto items-center truncate" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
+                    <span class="bx-menu-item-title bx-stl-mit">__title__</span>
+                </a>
+            </div>
         </li>
     </bx_repeat:menu_items>
 </ul>
@@ -15,7 +19,7 @@
     	$('#bx-menu-inter-__id__').find('a').bind('click', function() {
             var sId = $(this).attr('id');
             var sClassHidden = 'bx-menu-inter-hidden';
-            $(this).parent().siblings('.bx-menu-inter-act:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('.bx-menu-inter-pas.' + sClassHidden).removeClass(sClassHidden).siblings('#' + sId + '-pas:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('#' + sId + '-act.' + sClassHidden).removeClass(sClassHidden);
+            $(this).parents('li:first').siblings('.bx-menu-inter-act:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('.bx-menu-inter-pas.' + sClassHidden).removeClass(sClassHidden).siblings('#' + sId + '-pas:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('#' + sId + '-act.' + sClassHidden).removeClass(sClassHidden);
     	});
     });
-</script>
+</script>

template/menu_main_in_panel.html

@@ -1,8 +1,8 @@
 <ul class="bx-menu-main-in-panel bx-menu-ver bx-menu-object-__object__ bx-clearfix">
     <bx_repeat:menu_items>
         <li class="bx-menu-item __name__ __class_add__ rounded-md">
-            <div class="bx-menu-item-cnt bx-stl-mil group">
-                <a class="__name__ flex items-center justify-between truncate" href="__link__" onclick="__onclick__"__attrs__>
+            <div class="bx-menu-item-cnt bx-stl-mil-wo-gaps">
+                <a class="__name__ bx-stl-mil-gaps group flex flex-auto items-center truncate" href="__link__" onclick="__onclick__"__attrs__>
                     <span class="bx-menu-item-icon bx-stl-mii">
                         <bx_include_auto:menu_icon.html />
                     </span>