Ticket #3399 - Timeline menus, Profile snippet menus, etc.

modules/boonex/artificer/data/template/bx_timeline/css/view.css

@@ -57,20 +57,18 @@ div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor {
     flex-wrap: wrap;
 }
 
-.bx-menu-object-bx_timeline_menu_item_manage .menu_custom_item_hor{
-    margin: 0px !important;
-    width:100%;
+.bx-menu-object-bx_timeline_menu_item_manage .menu-custom-item-ver,
+.bx-menu-object-bx_timeline_menu_item_manage .menu-custom-item-ver a,
+.bx-menu-object-bx_timeline_menu_item_manage .bx-report-element-holder {
+    width: 100%;
     display: block;
 }
-.bx-menu-object-bx_timeline_menu_item_manage .menu_custom_item_hor A,
-.bx-menu-object-bx_timeline_menu_item_manage .bx-report-element-holder{
-    width:100%;
-    display: block;
+.bx-menu-object-bx_timeline_menu_item_manage .bx-report-element-holder {
     padding: 0px !important;
 }
 .bx-tl-owner-avatar .bx-def-thumb-size{
-    width: 40px;
-    height: 40px;
+    width: 2.5rem;
+    height: 2.5rem;
 }
 .bx-tl-item-content video,
 .bx-tl-item-attachment img{

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

@@ -0,0 +1,5 @@
+<ul id="__html_id__" class="123act 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-start items-start space-x-2">
+    <bx_repeat:menu_items>
+        <li class="bx-menu-item bx-menu-item-__name____class__ group inline-flex items-center border border-transparent rounded-md p-1 px-2 space-x-1 text-gray-500 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 text-sm font-medium">__item__</li>
+    </bx_repeat:menu_items>
+</ul>__js_code__

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

@@ -1,4 +1,4 @@
-<span class="__class_wrp__ menu_custom_item_hor">
-    <a class="__class_link__ flex items-center p-1 px-2 space-x-1" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><span class="flex items-center"><bx_if:icon><span class="bx-menu-item-icon text-center mr-2"><i class="sys-icon __icon__"></i></span></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="bx-menu-item-title ">__title__</span></bx_if:title></span></a>
+<span class="__class_wrp__ menu-custom-item-hor mci-action">
+    <a class="__class_link__ flex items-center" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><span class="flex items-center"><bx_if:icon><span class="bx-menu-item-icon text-center mr-2"><i class="sys-icon __icon__"></i></span></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="bx-menu-item-title ">__title__</span></bx_if:title></span></a>
     <bx_if:addon>__addon__</bx_if:addon>
 </span>

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

@@ -0,0 +1,4 @@
+<span class="__class_wrp__ menu-custom-item-ver mci-manage">
+    <a class="__class_link__ flex items-center space-x-1" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><span class="flex items-center"><bx_if:icon><span class="bx-menu-item-icon text-center mr-2"><i class="sys-icon __icon__"></i></span></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="bx-menu-item-title ">__title__</span></bx_if:title></span></a>
+    <bx_if:addon>__addon__</bx_if:addon>
+</span>

modules/boonex/artificer/data/template/system/menu_custom_ver_bx_timeline_menu_item_manage.html → modules/boonex/artificer/data/template/bx_timeline/menu_custom_ver_bx_timeline_menu_item_manage.html

@@ -1,7 +1,7 @@
 <div class="w-full md:w-56 box-border">
     <ul class="bx-menu-custom bx-menu-custom-ver bx-menu-object-__object__ bx-clearfix">
         <bx_repeat:menu_items>
-            <li class="bx-menu-item bx-menu-item-__name____class__ group opacity-80 hover:opacity-100 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:text-gray-100 dark:hover:bg-gray-900 hover:text-gray-900 flex items-center px-4 py-2 text-sm font-normal">__item__</li>
+            <li class="bx-menu-item bx-menu-item-__name____class__ group opacity-80 hover:opacity-100 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 flex items-center px-4 py-2 text-sm font-normal">__item__</li>
         </bx_repeat:menu_items>
     </ul>
 </div>

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

@@ -1,18 +1,18 @@
 /*--- Unit Meta ---*/
-.bx-base-pofile-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
+.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
 }
-.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
+.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
     height: 1rem;
 }
-.bx-base-pofile-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li {
+.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li {
     width: 50%;
 }
-.bx-base-pofile-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li .bx-base-profile-unit-meta-item,
-.bx-base-pofile-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li .bx-base-profile-unit-meta-item .bx-btn {
+.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li .bx-base-profile-unit-meta-item,
+.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li .bx-base-profile-unit-meta-item .bx-btn {
     display: block;
 }
-.bx-base-pofile-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li .bx-base-profile-unit-meta-item .bx-btn {
+.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li .bx-base-profile-unit-meta-item .bx-btn {
     text-align: center;
 }

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

@@ -95,6 +95,14 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 .bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
     -webkit-justify-content: center;
     justify-content: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
+    margin-left: 1rem;
+}
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li:first-child {
+    margin-left: 0;
 }
 
 

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

@@ -0,0 +1,16 @@
+<div class="bx-base-profile-unit bx-def-unit bx-def-unit-live-search group flex items-center mb-2 last:mb-0 bg-white dark:bg-gray-800" data-ts="__ts__">
+    <div class="bx-def-unit-img bx-def-__size__-size">
+        <a class="text-center" href="__content_url__">
+            <bx_if:show_thumb_image>
+                <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size" src="__thumb_url__" />
+            </bx_if:show_thumb_image>
+            <bx_if:show_thumb_letter>
+                <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size rounded-full box-border" style="background-color:rgba(__color__)">__letter__</p>
+            </bx_if:show_thumb_letter>
+        </a>
+    </div>
+    <div class="bx-def-unit-info flex flex-col pl-2">
+        <div class="bx-def-ui-title"><a href="__content_url__">__title__</a></div>
+        <div class="bx-def-ui-type text-sm text-gray-500 dark:text-gray-400 leading-4">__module_name__</div>
+    </div>
+</div>

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

@@ -1,15 +1,19 @@
 <bx_if:span>
     <span class="__style_prefix__-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
-    <span class="bx-base-profile-unit-meta-item">
+    <span class="bx-base-profile-unit-meta-item flex items-start">
         <span class="text-sm text-gray-500 dark:text-gray-400 __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
     </span>
 </bx_if:span>
 <bx_if:a>
     <span class="__style_prefix__-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
-    <span class="bx-base-profile-unit-meta-item"><a class="__class__ bx-def-a-colored" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span>
+    <span class="bx-base-profile-unit-meta-item flex items-start">
+        <a class="__class__ bx-def-a-colored" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
 </bx_if:a>
 <bx_if:button>
-    <span class="bx-base-profile-unit-meta-item px-1"><a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span>
+    <span class="bx-base-profile-unit-meta-item px-1">
+        <a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
 </bx_if:button>
 <bx_if:sbutton>
     <span class="bx-base-profile-unit-meta-item px-1">

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

@@ -77,4 +77,16 @@
     border-color: transparent;
     border-radius: 0;
     box-shadow: none;
+}
+
+/*-- Entry: Author block --*/
+.sys-author-info .sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor {
+    -webkit-align-items: center;
+    align-items: center;
+}
+.sys-author-info .sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor > li {
+    margin-left: 1rem;
+}
+.sys-author-info .sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor > li:first-child {
+    margin-left: 0;
 }

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

@@ -1,5 +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-start items-start space-x-2">
-    <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-__name____class__ group inline-flex items-center border border-transparent rounded-md space-x-1 text-gray-500 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 text-sm font-medium">__item__</li>
-    </bx_repeat:menu_items>
-</ul>__js_code__