Ticket #3766 - Artificer template (part 3): Menus, etc.

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

@@ -7,6 +7,13 @@ div.bx-market-unit-author-name a.sys-author {
     font-weight: 700;
 }
 
+/*--- Screenshots ---*/
+.bx-market-screenshot-size {
+    width: 12.5rem;
+    height: 7.5rem;
+    line-height: 7.5rem;
+}
+
 /*--- Attachments ---*/
 div.bx-market-attachment {
     display: none;

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

@@ -1,5 +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">
+<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 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>
+        <li class="bx-menu-item bx-menu-item-__name____class__ bx-stl-mil group">__item__</li>
     </bx_repeat:menu_items>
 </ul>__js_code__

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

@@ -1,12 +1,14 @@
 <ul id="__html_id__" class="bx-menu-main<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex flex-nowrap">
-    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ __class_add__ rounded-md">
-        <a href="__link__" onclick="__onclick__" class="group flex 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-normal"__attrs__>
-            <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 ml-1">__title__</div>
-        </a>__popup__
-    </li></bx_repeat:menu_items>
+    <bx_repeat:menu_items>
+        <li class="bx-menu-item bx-menu-item-__name__ __class_add__ bx-stl-mil group">
+            <a href="__link__" onclick="__onclick__" class="flex items-center"__attrs__>
+                <div class="bx-menu-floating-blocks-icon bx-stl-mii group-hover:text-gray-700 dark:group-hover:text-gray-300">
+                    <bx_include_auto:menu_icon.html />
+                </div>
+                <div class="bx-menu-floating-blocks-title bx-stl-mit">__title__</div>
+            </a>__popup__
+        </li>
+    </bx_repeat:menu_items>
 </ul>
 <script language="javascript">
     $(document).ready(function () {

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

@@ -1,11 +1,11 @@
 <ul class="bx-menu-ver bx-menu-object-__object__ bx-clearfix">
     <bx_repeat:menu_items>
-        <li class="bx-menu-item __name__ __class_add__ group flex 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-normal">
-            <a class="__name__" href="__link__" onclick="__onclick__"__attrs__>
-                <bx_if:icon><i class="sys-icon __icon__ mr-3 h-5 w-5"></i></bx_if:icon>
-                <bx_if:image><img class="mr-3 h-5 w-5" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
-                <bx_if:icon-html>__icon__</bx_if:icon-html>
-                <span>__title__</span>
+        <li class="bx-menu-item __name__ __class_add__ bx-stl-mil group">
+            <a class="__name__ flex items-center truncate" href="__link__" onclick="__onclick__" __attrs__>
+                <span class="bx-menu-item-icon bx-stl-mii group-hover:text-gray-700 dark:group-hover:text-gray-300">
+                    <bx_include_auto:menu_icon.html />
+                </span>
+                <span class="bx-menu-item-title bx-stl-mit">__title__</span>
             </a>
         </li>
     </bx_repeat:menu_items>