Ticket #3766 - Artificer template: Toolbar.

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

@@ -108,10 +108,6 @@ li.bx-mi-hidden {
     right: -0.375rem;
     padding: 0 0.25rem;
 }
-.bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-toolbar-item-unit .bx-def-icon-size {
-    width: 2.5rem;
-    height: 2.5rem;
-}
 .bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-toolbar-item-unit .bx-base-pofile-unit-online {
     display: none;
 }

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

@@ -1,8 +1,8 @@
 <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 text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 text-base font-medium leading-6 border border-transparent hover:border-gray-200/50 active:border-gray-300 dark:hover:border-gray-700/50 dark:active:border-gray-700 bg-gray-100 dark:bg-gray-700/50 active:bg-gray-300 dark:active:bg-black/50 hover:bg-gray-200/50 dark:hover:bg-gray-700/50 rounded-full __class_add__">
+        <li id="bx-menu-toolbar-item-__name__" class="bx-menu-toolbar-item bx-menu-item-__name__ group relative inline-flex items-center ml-2 first:ml-0 text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 text-base font-medium leading-6 border border-transparent hover:border-gray-200/50 active:border-gray-300 dark:hover:border-gray-700/50 dark:active:border-gray-700 bg-gray-100 dark:bg-gray-700/50 active:bg-gray-300 dark:active:bg-black/50 hover:bg-gray-200/50 dark:hover:bg-gray-700/50 rounded-full __class_add__">
             <a href="__link__" onclick="__onclick__" class="inline-block rounded-full __class_add_a__"__attrs__>
-                <bx_if:icon><span class="relative block h-10 w-10 flex items-center justify-center"><i class="sys-icon __icon__"></i></bx_if:icon>
+                <bx_if:icon><span class="relative flex items-center justify-center h-8 w-8 md:h-10 md:w-10"><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:icon-html>__icon__</bx_if:icon-html>

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

@@ -35,9 +35,9 @@
                         <div class="bx-ti-search-box flex items-start md:min-w-88 mx-4 rounded-md shadow-lg lg:shadow-none hidden lg:block">
                             <div class="relative w-full">__sys_site_search__</div>
                         </div>
-                        <div class="bx-ti-search-button relative flex items-center mx-3 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 block lg:hidden">
+                        <div class="bx-ti-search-button relative flex items-center mx-2 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 block lg:hidden">
                             <a href="javascript:void(0)" onclick="javascript:bx_site_search_show(this)">
-                                <span class="relative block h-8 w-8 flex items-center justify-center">
+                                <span class="relative flex items-center justify-center h-8 w-8 md:h-10 md:w-10">
                                     <i class="sys-icon search"></i>
                                 </span>
                             </a>

plugins_public/tailwind/css/tailwind.css

@@ -906,7 +906,11 @@
         @apply bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-white;
     }
 
-    /* Main menu */
+    /* Toolbar menu */
+    .bx-artificer .bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-toolbar-item-unit .bx-def-icon-size {
+        @apply h-8 w-8 md:h-10 md:w-10;
+    }
+
     /* Page Submenu */
     .bx-artificer .bx-menu-main-submenu .bx-menu-item.bx-menu-tab-active a {
         @apply text-gray-900 dark:text-gray-100;

template/_sub_header.html

@@ -29,9 +29,9 @@
                         <div class="bx-ti-search-box flex-auto flex items-start md:min-w-88 mx-4 rounded-md shadow-lg lg:shadow-none hidden lg:block">
                             <div class="relative w-full">__sys_site_search__</div>
                         </div>
-                        <div class="bx-ti-search-button relative flex items-center mx-3 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 block lg:hidden">
+                        <div class="bx-ti-search-button relative flex items-center mx-2 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 block lg:hidden">
                             <a href="javascript:void(0)" onclick="javascript:bx_site_search_show(this)">
-                                <span class="relative block h-8 w-8 flex items-center justify-center">
+                                <span class="relative flex items-center justify-center h-8 w-8 md:h-10 md:w-10">
                                     <i class="sys-icon search"></i>
                                 </span>
                             </a>