Ticket #3399 - Custom Vertical menus in popup.

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

@@ -8,6 +8,7 @@ ul.bx-menu-notif,
 ul.bx-menu-verlit,
 ul.bx-menu-ver,
 ul.bx-menu-custom-ver,
+ul.bx-menu-main,
 ul.bx-menu-main-submenu,
 ul.bx-menu-toolbar,
 ul.bx-menu-floating-blocks-wide,
@@ -37,9 +38,22 @@ ul.bx-menu-btns-icon-hor {
     margin-top: 0px;
 }
 
+/*--- Vertical, Vertical lite, Custom Vertical Menus (in Popup) ---*/
+.bx-popup .bx-menu-custom-ver li > span {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+    width: 100%;
+    padding-right: 1.0rem;
+}
+
 /* --- Horizontal, Custom Horizontal Menus --- */
 .bx-menu-custom .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item,
-.bx-menu-custom .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item a {
+.bx-menu-custom .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item a,
+.bx-menu-custom .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item > span {
     border-radius: 0;
 }
 
@@ -105,7 +119,7 @@ div.bx-popup-menu-main.sys-add-content ul {
     flex-direction: column;
 }
 
-/* --- Profile Followings Menu ---*/
+/*--- Profile Followings Menu ---*/
 .bx-menu-ver.bx-menu-object-sys_profile_followings li .bx-menu-show {
     display: none;
 }
@@ -122,7 +136,7 @@ div.bx-popup-menu-main.sys-add-content ul {
     display: none;
 }
 
-/* Profiles meta menu */
+/*--- Profiles meta menu ---*/
 .sys-action-counter-icon .sys-icon{
     width: 1rem;
     height: 1rem;

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

@@ -0,0 +1,4 @@
+<span class="__class_wrp__ group flex items-center 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-normal rounded-md">
+    <a class="__class_link__ block p-2" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><bx_include_auto:menu_icon.html /><bx_if:title><span class="bx-def-margin-sec-left-auto">__title__</span></bx_if:title></a>
+    <bx_if:addon>__addon__</bx_if:addon>
+</span>

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

@@ -1,3 +1,3 @@
-<div class="bx-menu-item-more-popup box-border">
+<div class="bx-menu-item-more-popup w-full md:w-56 py-2 box-border">
     <ul class="bx-menu-custom bx-menu-custom-ver bx-menu-submenu-more-auto bx-clearfix">__content__</ul>
 </div>

modules/boonex/decorous/data/template/system/css/menu.less

@@ -199,6 +199,7 @@
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
     margin: 0;
+    padding-right: 0.5rem;
 }
 .bx-popup ul.bx-menu-ver li > a,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > a,

modules/boonex/lucid/data/template/system/css/menu.less

@@ -567,6 +567,7 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
 .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
     margin: 0;
+    padding-right: 0.5rem;
 }
 .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
     display: block;

modules/boonex/protean/data/template/system/css/menu.less

@@ -93,7 +93,7 @@ ul.bx-menu-ver.bx-menu-profile-stats li.bx-menu-item-profile-stats-profile .bx-m
     line-height: 1.5rem;
 }
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
-    display: block;
+    display: inblock;
     line-height: 1.5rem;
 }
 .bx-popup ul.bx-menu-ver li a > div img,

template/css/menu.css

@@ -818,6 +818,14 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
 }
 
 /*--- Vertical (Vertical Custom) Menus (in Popup) ---*/
+.bx-popup .bx-menu-custom-ver li > span {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
 .bx-popup .bx-menu-custom-ver li a {
     position: relative;
     display: -webkit-flex;