Ticket #3399 - Menus, Cover, etc.

modules/boonex/artificer/data/template/bx_timeline/menu_custom_hor.html

@@ -1,6 +1,6 @@
 <ul id="__html_id__" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex justify-between items-start">
     <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-__name____class__ group border border-transparent rounded-full text-gray-500 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">__item__</li>
+        <li class="bx-menu-item bx-menu-item-__name____class__">__item__</li>
     </bx_repeat:menu_items>
 </ul>
 __js_code__

modules/boonex/artificer/data/template/bx_timeline/menu_custom_item_bx_timeline_menu_view.html

@@ -1,4 +1,4 @@
-<span class="__class_wrp__ my-1">
-    <a class="__class_link__ group flex items-center px-2 py-2 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:text-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 text-sm font-medium rounded" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><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><bx_if:title><span class="ml-2 first:ml-0">__title__</span></bx_if:title></a>
+<div class="relative w-full __class_wrp__">
+    <a class="__class_link__ group 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 flex items-center p-2 text-sm font-normal rounded" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><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><bx_if:title><span class="ml-2 first:ml-0">__title__</span></bx_if:title></a>
     <bx_if:addon>__addon__</bx_if:addon>
-</span>
+</div>

modules/boonex/artificer/data/template/mod_profile/cover.html

@@ -36,7 +36,7 @@
                         <div class="bx-base-profile-cover-title-bages min-w-0 flex-1 lg:mt-14 mb-2">
                             <h1 class="bx-def-unit-info text-4xl font-bold text-gray-900 dark:text-gray-50 text-center lg:text-left sm:truncate">__title__ </h1>
                             <div class="bx-base-profile-cover-meta-holder lg:h-8">
-                                <div class="bx-base-profile-cover-meta lg:absolute flex flex-row flex-wrap justify-center mt-6 md:mt-2 -ml-1 lg:justify-start text-base font-medium">__meta__</div>
+                                <div class="bx-base-profile-cover-meta lg:absolute flex flex-row flex-wrap justify-center mt-2 lg:justify-start text-base font-medium">__meta__</div>
                             </div>
                         </div>
                         <div class="bx-base-pofile-cover-actions relative flex lg:flex-1 h-14 md:h-10 mt-6 lg:mt-14" onclick="event.stopPropagation();">__action_menu__</div>
@@ -44,6 +44,7 @@
                 </div>
             </div>
         </div>
+        <div class="bx-def-page-width mx-auto pt-5 px-4 sm:px-6 lg:px-8 border-b border-gray-200 dark:border-gray-800 box-border"></div>
     </div>
     __cover_popup__
     __picture_popup__

modules/boonex/artificer/data/template/mod_profile/css/main.css

@@ -101,6 +101,9 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li {
     margin-right: 1.25rem;
 }
+.bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li:last-child {
+    margin-right: 0;
+}
 .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li .sys-meta-div {
     display: none;
 }
@@ -114,7 +117,21 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
     position: absolute;
     width: 100%;
 }
-
+.bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline {
+    -webkit-justify-content: center;
+    justify-content: center;
+}
+.bx-media-desktop .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline {
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+}
+.bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline li {
+    padding: 0 0.5rem;
+}
+.bx-media-desktop .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline li.bx-menu-item-more-auto .bx-btn > span,
+.bx-media-tablet .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline li.bx-menu-item-more-auto .bx-btn > span {
+    display: none;
+}
 .bx-media-phone .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline .bx-btn,
 .bx-media-phone .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-hor-inline .sys-action-do {
     -webkit-flex-direction: column;

modules/boonex/artificer/data/template/mod_profile/menu_custom_hor_bx_persons_view_actions_all.html

@@ -1,6 +0,0 @@
-<ul id="__html_id__" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex justify-center lg:justify-end sm:items-center md:items-start">
-    <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-__name____class__">__item__</li>
-    </bx_repeat:menu_items>
-</ul>
-__js_code__

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

@@ -19,7 +19,7 @@
                         <bx_injection:injection_logo_after />
                     </div>
                     <!-- Menu -->
-                    <div class="bx-toolbar-item bx-ti-menu flex-1 hidden lg:block w-64 ml-6 overflow-hidden">
+                    <div class="bx-toolbar-item bx-ti-menu flex-1 hidden lg:block w-64 ml-6">
                         <div id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-menu w-full">
                             <bx_menu:sys_site />
                         </div>

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

@@ -7,18 +7,17 @@
 </bx_if:logged_in>
 
 <div class="bx-menu-toolbar-padding relative bg-gradient-to-b from-gray-100 to-white dark:from-black dark:to-gray-900">
-    <div class="bx-cover-gap bx-def-page-width mx-auto box-border">
-        <div class="bx-cover-wrapper __class__ h-64 w-full lg:h-80 xl:rounded-b-lg" <bx_if:bg>style="background-image:url(__image_url__)"</bx_if:bg>>
-            <div class="bx-cover p-4 box-border">
-                <div class="bx-cover-cnt">
+    <div class="bx-cover-gap mx-auto box-border">
+        <div class="bx-cover-wrapper __class__ flex items-stretch h-64 w-full lg:h-80" <bx_if:bg>style="background-image:url(__image_url__)"</bx_if:bg>>
+            <div class="bx-cover flex items-stretch w-full p-4 box-border">
+                <div class="bx-cover-cnt flex items-center justify-center w-full">
                     <bx_if:image>
                         <div class="bx-cover-image">
                             <img class="border rounded" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" />
                         </div>
                     </bx_if:image>
-                    <div class="bx-cover-title my-2 text-3xl" style="z-index:2;">
-                        <bx_if:icon><i class="sys-icon bx-def-font-contrasted mr-2 __icon__"></i></bx_if:icon>
-                        <span class="bx-def-font-contrasted">__title__</span>
+                    <div class="bx-cover-title my-2 text-3xl font-bold" style="z-index:2;">
+                        <bx_if:icon><i class="sys-icon bx-def-font-contrasted mr-4 __icon__"></i></bx_if:icon><span class="bx-def-font-contrasted">__title__</span>
                     </div>
                     <div class="bx-cover-actions">__actions__</div>
                 </div>

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

@@ -0,0 +1,23 @@
+/*--
+import url(../../../../../../../template/css/cover.css);
+--*/
+
+.bx-cover-wrapper {
+    position: relative;
+    background-image: url(../images/cover.svg);
+    background-repeat: no-repeat;
+    background-position: center center;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    overflow: hidden;
+}
+
+.bx-cover-homepage {
+    background-image: url(../images/cover-homepage.svg);
+}
+
+.bx-cover-title {
+    text-shadow:-1px 0px 0px rgba(0, 0, 0, .3), 1px 0px 0px rgba(0, 0, 0, .3), 0px -1px 0px rgba(0, 0, 0, .3), 0px 1px 0px rgba(0, 0, 0, .3);
+}

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

@@ -2,11 +2,6 @@
 import url(../../../../../../../template/css/menu.css);
 --*/
 
-/* --- Horizontal menu ---*/
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item {
-    padding: 0 0.5rem;
-}
-
 /* --- Vertical, Vertical lite, Custom Vertical Menus ---*/
 .bx-menu-ver li,
 .bx-menu-verlit li,
@@ -24,17 +19,24 @@ li.bx-menu-inter-hidden {
     display: none;
 }
 
+/*--- Custom Menu with More Auto ---*/
+.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto {
+    display: none;
+}
+
+
 /*--- Page Submenu ---*/
 .bx-menu-main-submenu {
     -webkit-justify-content: center;
     justify-content: center;
 }
 
-/*--- Toolbar Menu ---*/
-.bx-menu-toolbar .bx-menu-toolbar-item.bx-menu-item-account {
-    padding: 0;
+.bx-menu-main-submenu .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item > a {
+    width: 100%;
 }
 
+/*--- Toolbar Menu ---*/
 .bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-item-addon {
     position: absolute;
     top: -0.375rem;

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

@@ -1,4 +1,4 @@
-<span class="__class_wrp__ my-1">
-    <a class="__class_link__ group flex items-center px-2 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 rounded" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><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><bx_if:title><span class="ml-2 first:ml-0">__title__</span></bx_if:title></a>
+<div class="relative w-full __class_wrp__">
+    <a class="__class_link__ group 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 flex items-center p-2 text-sm font-normal rounded" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><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><bx_if:title><span class="ml-2 first:ml-0">__title__</span></bx_if:title></a>
     <bx_if:addon>__addon__</bx_if:addon>
-</span>
+</div>

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

@@ -1,11 +1,11 @@
 <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 justify-center">
     <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__>
+        <a href="__link__" onclick="__onclick__" class="flex flex-col items-center p-2 text-gray-600 dark:text-gray-300 dark:hover:bg-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:hover:text-white 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">__title__</div>
+            <div class="bx-menu-floating-blocks-title max-w-full truncate">__title__</div>
         </a>__popup__
     </li></bx_repeat:menu_items>
 </ul>

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

@@ -1,3 +1,3 @@
-<div id="__id__" class="__class__ bx-def-z-index-nav border-l border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 shadow-sm rounded-bl" style="__style__">
-    <div class="bx-sliding-menu-main-cnt">__content__</div>
+<div id="__id__" class="__class__ bx-def-z-index-nav bx-popup bx-popup-trans relative rounded ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 shadow-md" style="__style__">
+    <div class="bx-popup-content w-56 p-4 box-border overflow-hidden">__content__</div>
 </div>

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

@@ -1,5 +1,5 @@
-<div id="bx-menu-main-bar-wrapper" class="bg-white dark:bg-gray-900 pt-5 border-b border-gray-200 dark:border-gray-800">
-    <div id="bx-menu-main-bar" class="bx-menu-main-bar __class__ bx-def-page-width mx-auto px-4 sm:px-6 lg:px-8 border-t border-gray-200 dark:border-gray-800 box-border">
+<div id="bx-menu-main-bar-wrapper" class="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800">
+    <div id="bx-menu-main-bar" class="bx-menu-main-bar __class__ bx-def-page-width mx-auto px-4 sm:px-6 lg:px-8 box-border">
         <div class="bx-menu-main-bar-cnt relative -mb-px">
             <div class="absolute w-full">
                 <bx_injection:injection_top_menu_before />

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

@@ -1,6 +1,6 @@
-<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 space-x-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__ border-transparent text-gray-500 hover:text-gray-700 dark:hover:text-gray-200 hover:border-gray-300 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm"><a href="__link__" onclick="__onclick__"__attrs__>__title__</a>__popup__</li>
+        <li class="bx-menu-item bx-menu-item-__name__ __class_add__ relative flex"><a href="__link__" onclick="__onclick__" class="group block relative text-gray-500 hover:text-gray-700 dark:hover:text-gray-200 whitespace-nowrap text-sm font-medium text-center hover:bg-transparent focus:z-10 py-4 px-4"__attrs__>__title__<span class="bx-mi-underline absolute inset-x-0 bottom-0 h-0.5 group-hover:bg-gray-500 rounded"></span></a></a>__popup__</li>
     </bx_repeat:menu_items>
 </ul>
 __js_code__

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

@@ -1,7 +1,7 @@
 <ul class="bx-menu-toolbar bx-menu-object-__object__ flex items-center pr-0 md:pr-2">
     <bx_repeat:menu_items>
-        <li id="bx-menu-toolbar-item-__name__" class="bx-menu-toolbar-item bx-menu-item-__name__ group relative inline-flex items-center ml-3 first:ml-0 p-1.5 text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 border border-transparent rounded-full  bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 __class_add__">
-            <a href="__link__" onclick="__onclick__" class="__class_add_a__"__attrs__><bx_if:icon><span class="relative block h-5 w-5 flex items-center justify-center"><i class="sys-icon __icon__"></i></bx_if:icon><bx_if:icon-a><i class="sys-icon-a" data-rotate="down" data-icon="__icon-a__" data-color="#fff"></i></bx_if:icon-a><bx_if:image><img class="" src="__icon_url__" /></bx_if:image><bx_if:unit><div class="bx-menu-toolbar-item-unit">__unit__</div></bx_if:unit><bx_if:addon>__addonf__</bx_if:addon><bx_if:title><span class="bx-menu-toolbar-item-title sr-only">__title__</span></bx_if:title></a>
+        <li id="bx-menu-toolbar-item-__name__" class="bx-menu-toolbar-item bx-menu-item-__name__ group relative inline-flex items-center ml-3 first:ml-0 text-gray-500 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 border border-transparent rounded-full bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 __class_add__">
+            <a href="__link__" onclick="__onclick__" class="inline-block rounded-full __class_add_a__"__attrs__><bx_if:icon><span class="relative block h-8 w-8 flex items-center justify-center"><i class="sys-icon __icon__"></i></bx_if:icon><bx_if:icon-a><i class="sys-icon-a" data-rotate="down" data-icon="__icon-a__" data-color="#fff"></i></bx_if:icon-a><bx_if:image><img class="" src="__icon_url__" /></bx_if:image><bx_if:unit><div class="bx-menu-toolbar-item-unit">__unit__</div></bx_if:unit><bx_if:addon>__addonf__</bx_if:addon><bx_if:title><span class="bx-menu-toolbar-item-title sr-only">__title__</span></bx_if:title></a>
         </li>
     </bx_repeat:menu_items>
 </ul>

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

@@ -1,7 +1,7 @@
 <div id="__id__" class="bx-popup-wrapper bx-popup-box-wrapper box-border" style="__wrapper_style__" role="dialog" aria-describedby="__id___title">
     <!--<div class="bx-popup-box-pointer"><i class="bx-popup-border"></i></div>-->
-    <div class="bx-popup bx-popup-box bx-popup-width relative rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800">
-        <div class="rounded" style="overflow:hidden;">
+    <div class="bx-popup bx-popup-box bx-popup-width relative rounded ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 shadow-md">
+        <div class="rounded overflow-hidden">
             <div class="bx-popup-header bx-def-font-contrasted p-3 md:p-4 lg:p-6">
                 <h2 id="__id___title">__title__</h2>
                 <a href="javascript:void(0);" class="bx-popup-element-close bx-def-font-contrasted bx-def-media-desktop-hide bx-def-media-tablet-hide m-3 md:m-4 lg:m-6"><i class="sys-icon times"></i></a>

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

@@ -1,10 +1,10 @@
 <div  id="__id__" class="bx-popup-wrapper bx-popup-responsive bx-popup-trans-wrapper box-border __wrapper_class__" style="__wrapper_style__" role="alert">
     <!--<div class="bx-popup-box-pointer"><i class="bx-popup-border"></i></div>-->
-    <div class="bx-popup bx-popup-trans relative rounded ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 overflow-hidden">
+    <div class="bx-popup bx-popup-trans relative rounded ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 shadow-md">
         <div class="bx-popup-close-wrapper bx-def-media-desktop-hide bx-def-media-tablet-hide p-3 md:p-4 lg:p-6">
             <a href="javascript:void(0);" class="bx-popup-element-close"><i class="sys-icon times"></i></a>
         </div>
-        <div class="bx-popup-content" style="">__content__</div>
+        <div class="bx-popup-content overflow-hidden">__content__</div>
         <!-- Footer is needed for Safari in iOS -->
         <div class="bx-popup-footer-wrapper bx-def-media-desktop-hide bx-def-media-tablet-hide p-3 md:p-4 lg:p-6">&nbsp;</div>
     </div>

modules/boonex/artificer/template/css/tailwind.css

@@ -66,7 +66,7 @@
     }
     
     .bx-btn.bx-btn-disabled {
-        @apply bg-gray-200 dark:bg-gray-600 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-400 hover:text-gray-400 dark:hover:text-gray-400;
+        @apply bg-gray-50 dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-400 hover:text-gray-400 dark:hover:text-gray-400;
     }
 
     .bx-btn.bx-btn-small {
@@ -88,7 +88,7 @@
     }
 
     .bx-menu-custom-hor.bx-menu-object-sys_create_post li.bx-menu-tab-active a {
-        @apply rounded ring-1 ring-gray-200 dark:ring-gray-800;
+        @apply bg-gray-50 dark:bg-gray-700 ring-1 ring-gray-200 dark:ring-gray-600 shadow text-gray-900 dark:text-white;
     }
 
 
@@ -101,6 +101,11 @@
         @apply group bg-white ring-1 ring-gray-200 dark:ring-gray-700 dark:bg-gray-900 shadow-sm text-gray-900 dark:text-white rounded;
     }
 
+    /* Main menu */
+    .bx-toolbar-item.bx-ti-menu .bx-menu-main .bx-menu-item.bx-menu-tab-active {
+        @apply bg-gray-50 dark:bg-gray-700 ring-1 ring-gray-200 dark:ring-gray-600 shadow text-gray-900 dark:text-white;
+    }
+
     /* Main menu: Mobile */
     .bx-media-phone .go-back a::before, 
     .bx-media-phone .go-back a::after,
@@ -110,14 +115,13 @@
     }
 
     /* Page Submenu */
-    .bx-menu-main-submenu .bx-menu-item.bx-menu-tab-active {
-        @apply border-blue-500 text-gray-900 dark:text-gray-100;
+    .bx-menu-main-submenu .bx-menu-item.bx-menu-tab-active .bx-mi-underline {
+        @apply bg-blue-500 group-hover:bg-blue-500;
     }
 
-
     /* Modules: Timeline */
     .bx-menu-custom-hor.bx-menu-object-bx_timeline_menu_view li.bx-menu-tab-active a {
-        @apply rounded ring-1 ring-gray-200 dark:ring-gray-800;
+        @apply bg-gray-50 dark:bg-gray-700 ring-1 ring-gray-200 dark:ring-gray-600 shadow text-gray-900 dark:text-white;
     }
 
     .bx-tl-view.bx-tl-view-timeline .bx-tl-cnt .bx-tl-items:before {

modules/boonex/organizations/classes/BxOrgsMenuViewMeta.php

@@ -12,7 +12,7 @@
 /**
  * View entry meta menu
  */
-class BxOrgsMenuViewMeta extends BxBaseModProfileMenuViewMeta
+class BxOrgsMenuViewMeta extends BxBaseModGroupsMenuViewMeta
 {
     public function __construct($aObject, $oTemplate = false)
     {