Ticket #3941 - Artificer template (part 4): Toolbar menu.

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

@@ -35,7 +35,7 @@
                         <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-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">
+                        <div class="bx-ti-search-button group relative inline-flex lg:hidden items-center mx-2 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">
                             <a href="javascript:void(0)" onclick="javascript:bx_site_search_show(this)">
                                 <span class="relative flex items-center justify-center h-8 w-8 md:h-10 md:w-10">
                                     <i class="sys-icon search"></i>

plugins_public/tailwind/css/tailwind.css

@@ -966,8 +966,11 @@
     }
 
     /* Toolbar menu */
+    .bx-artificer .bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-toolbar-item-unit {
+        @apply border-4 border-transparent;
+    }
     .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;
+        @apply h-6 w-6 md:h-8 md:w-8;
     }
 
     /* Page Submenu */

template/_sub_header.html

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