Ticket #4439 - Change error message for Settings -> Delete for operator.

modules/base/general/template/form_categories.html

@@ -3,7 +3,9 @@
         <div class="bx-form-input-category bx-def-padding-thd-topbottom">
             <div class="bx-form-input-category-cell bx-fi-sc-txt">__select_cat__</div>
             <div class="bx-form-input-category-cell bx-fi-sc-btn bx-def-padding-sec-left">
-                <a class="bx-btn" href="javascript:void(0)" onclick="javascript: __js_object__.categoryDelete(this)"><i class="sys-icon times"></i></a>
+                <a class="bx-btn" href="javascript:void(0)" onclick="javascript: __js_object__.categoryDelete(this)">
+                    <bx_image_auto:times />
+                </a>
             </div>
         </div>
     </div>
@@ -11,7 +13,9 @@
         <div class="bx-form-input-category bx-def-padding-thd-topbottom">
             <div class="bx-form-input-category-cell bx-fi-sc-txt">__select_cat__</div>
             <div class="bx-form-input-category-cell bx-fi-sc-btn bx-def-padding-sec-left">
-                <a class="bx-btn" href="javascript:void(0)" onclick="javascript: __js_object__.categoryDelete(this)"><i class="sys-icon times"></i></a>
+                <a class="bx-btn" href="javascript:void(0)" onclick="javascript: __js_object__.categoryDelete(this)">
+                    <bx_image_auto:times />
+                </a>
             </div>
         </div>
     </bx_repeat:items>
@@ -19,7 +23,9 @@
         <div class="bx-form-input-category-new bx-def-padding-thd-topbottom">
             <div class="bx-form-input-category-cell bx-fi-sc-txt">__input_cat__</div>
             <div class="bx-form-input-category-cell bx-fi-sc-btn bx-def-padding-sec-left">
-                <a class="bx-btn" href="javascript:void(0)" onclick="javascript: __js_object__.categoryDeleteNew(this)"><i class="sys-icon times"></i></a>
+                <a class="bx-btn" href="javascript:void(0)" onclick="javascript: __js_object__.categoryDeleteNew(this)">
+                    <bx_image_auto:times />
+                </a>
             </div>
         </div>
     </div>

modules/base/general/template/image_tweak.html

@@ -1,8 +1,8 @@
-<div class="bx-image-edit-buttons __image_exists__ bx-image-edit-buttons-__unique_id__ hidden">
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-edit hidden" title="<bx_text:_sys_uploader_image_reposition />" onclick="oBxDolImageTweak__unique_id__.changePosition()"><i class="sys-icon arrows-alt"></i></a>
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-save hidden" title="<bx_text:_sys_uploader_image_reposition_save />" onclick="oBxDolImageTweak__unique_id__.savePosition()"><i class="sys-icon check"></i></a>
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-cancel hidden" title="<bx_text:_sys_uploader_image_reposition_cancel />" onclick="oBxDolImageTweak__unique_id__.cancelPosition()"><i class="sys-icon times"></i></a>
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-upload" title="<bx_text:_sys_uploader_image_upload />" onclick="oBxDolImageTweak__unique_id__.showUploaderForm()"><i class="sys-icon upload"></i></a>
+<div class="bx-image-edit-buttons __image_exists__ bx-image-edit-buttons-__unique_id__ flex items-center hidden">
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-edit mx-1 hidden" title="<bx_text:_sys_uploader_image_reposition />" onclick="oBxDolImageTweak__unique_id__.changePosition()"><bx_image_auto:arrows-alt /></a>
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-save mx-1 hidden" title="<bx_text:_sys_uploader_image_reposition_save />" onclick="oBxDolImageTweak__unique_id__.savePosition()"><bx_image_auto:check /></a>
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-cancel mx-1 hidden" title="<bx_text:_sys_uploader_image_reposition_cancel />" onclick="oBxDolImageTweak__unique_id__.cancelPosition()"><bx_image_auto:times /></a>
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-upload mx-1" title="<bx_text:_sys_uploader_image_upload />" onclick="oBxDolImageTweak__unique_id__.showUploaderForm()"><bx_image_auto:upload /></a>
     __uploader__
 </div>
 <div class="hidden">

modules/base/general/template/uploader_cover.html

@@ -1,8 +1,8 @@
-<div class="bx-image-edit-buttons __image_exists__ bx-image-edit-buttons-__unique_id__">
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-edit" onclick="oBxDolCovers__unique_id__.changePosition()"><i class="sys-icon cog"></i></a>
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-save hidden" onclick="oBxDolCovers__unique_id__.savePosition()"><i class="sys-icon save"></i></a>
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-cancel hidden" onclick="oBxDolCovers__unique_id__.cancelPosition()"><i class="sys-icon times"></i></a>
-    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-upload" onclick="oBxDolCovers__unique_id__.showUploaderForm()"><i class="sys-icon upload"></i></a>
+<div class="bx-image-edit-buttons __image_exists__ bx-image-edit-buttons-__unique_id__ flex items-center">
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-edit mx-1" onclick="oBxDolCovers__unique_id__.changePosition()"><bx_image_auto:cog /></a>
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-save mx-1 hidden" onclick="oBxDolCovers__unique_id__.savePosition()"><bx_image_auto:save /></a>
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-cancel mx-1 hidden" onclick="oBxDolCovers__unique_id__.cancelPosition()"><bx_image_auto:arrows-alt /></a>
+    <a href="javascript:" class="bx-btn bx-btn-small bx-image-edit-buttons-upload mx-1" onclick="oBxDolCovers__unique_id__.showUploaderForm()"><bx_image_auto:upload /></a>
 </div>
 <div class="hidden">
     <div id="bx-form-input-files-__unique_id__-upload-result"></div>

modules/base/profile/template/form_ghost_template.html

@@ -5,7 +5,9 @@
             <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
         </div>
         <span class="bx-base-general-uploader-ghost bx-base-general-uploader-ghost-single">
-            <a class="bx-btn bx-btn-small mt-2 mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
+            <a class="bx-btn bx-btn-small mt-2 mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
         </span>
     </div>
 </div>

modules/base/profile/template/image_popup.html

@@ -1,12 +1,12 @@
 <div class="bx-base-pofile-popup-wrapper">
-
     <div class="bx-base-pofile-popup-btn bx-def-padding">
         <bx_if:owner>
             <a class="bx-btn" href="__change_image_url__"><bx_text:_sys_txt_change_image /></a>
-            
         </bx_if:owner>
-        <a class="bx-btn bx-def-margin-sec-left" title="<bx_text_attribute:_sys_close />" href="javascript:void(0);" onclick="$(this).parents().filter('.bx-popup-wrapper').dolPopupHide()"><i class="sys-icon times"></i></a>
+        <a class="bx-btn bx-def-margin-sec-left" title="<bx_text_attribute:_sys_close />" href="javascript:void(0);" onclick="$(this).parents().filter('.bx-popup-wrapper').dolPopupHide()">
+            <bx_image_auto:times />
+        </a>
     </div>
 
     <img class="bx-base-pofile-popup-image" src="__image_url__" />
-</div>
+</div>

modules/base/text/template/form_ghost_template.html

@@ -6,10 +6,16 @@
         </div>
         <span class="bx-base-general-uploader-ghost">
             <span id="bx-base-general-intert-to-post-link-{file_id}" class="inline-block" style="display:none;">
-                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><i class="sys-icon plus"></i></a>
+                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');">
+                    <bx_image_auto:plus />
+                </a>
             </span>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
     <bx_if:set_thumb>

modules/base/text/template/form_ghost_template_cover.html

@@ -6,7 +6,9 @@
             <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
         </span>
     </div>
 </div>

modules/base/text/template/form_ghost_template_file.html

@@ -5,8 +5,12 @@
             <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
 </div>

modules/base/text/template/form_ghost_template_sound.html

@@ -6,10 +6,16 @@
         </div>
         <span class="bx-base-general-uploader-ghost">
             <span id="bx-base-general-insert-to-post-link-{file_id}" style="display:none;">
-                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__', '{file_type}', '__embed_url__');"><i class="sys-icon plus"></i></a>
+                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__', '{file_type}', '__embed_url__');">
+                    <bx_image_auto:plus />
+                </a>
             </span>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-             <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+               <bx_image_auto:copy />
+            </a>
         </span>
     </div>
 </div>

modules/base/text/template/form_ghost_template_video.html

@@ -6,10 +6,16 @@
         </div>
         <span class="bx-base-general-uploader-ghost">
             <span id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
-                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title = "<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__', '{file_type}', '__embed_url__');"><i class="sys-icon plus"></i></a>
+                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title = "<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__', '{file_type}', '__embed_url__');">
+                    <bx_image_auto:plus />
+                </a>
             </span>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete /" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete /" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
 </div>

modules/base/text/template/poll_form_answers.html

@@ -3,7 +3,9 @@
         <div class="bx-form-input-answer bx-def-padding-thd-topbottom __class__">
             <div class="bx-form-input-answer-cell bx-fi-sc-txt">__input_text__</div>
             <div class="bx-form-input-answer-cell bx-fi-sc-btn bx-def-padding-sec-left">
-                <a class="bx-btn" href="javascript:void(0)" onclick="javascript:__js_object__.deletePollAnswer(this)"><i class="sys-icon times"></i></a>
+                <a class="bx-btn" href="javascript:void(0)" onclick="javascript:__js_object__.deletePollAnswer(this)">
+                    <bx_image_auto:times />
+                </a>
             </div>
         </div>
     </bx_repeat:answers>

modules/base/text/template/poll_item.html

@@ -4,10 +4,16 @@
             <div class="bx-base-text-poll-actions flex justify-end pb-2">
                 __action_menu__
                 <bx_if:show_action_embed>
-                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-embed ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.embedPoll(this, __id__);" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon plus-square"></i></a>
+                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-embed ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.embedPoll(this, __id__);" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />">
+                        <div class="bx-icon bx-icon-small">
+                            <bx_image_auto:plus-square />
+                        </div>
+                    </a>
                 </bx_if:show_action_embed>
                 <bx_if:show_action_delete>
-                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-delete ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.deletePoll(this, __id__, ['__editor_id__']);" title="<bx_text_attribute:_Delete />"><i class="sys-icon times"></i></a>
+                    <a class="bx-base-text-poll-action bx-base-text-pa-icon bx-base-text-pa-delete ml-2 first:ml-0" href="javascript:void(0)" onclick="javascript:__js_object__.deletePoll(this, __id__, ['__editor_id__']);" title="<bx_text_attribute:_Delete />">
+                        <div class="bx-icon bx-icon-small"><bx_image_auto:times /></div>
+                    </a>
                 </bx_if:show_action_delete>
             </div>
             <div class="bx-base-text-poll-question pb-4 text-2xl font-medium">__text__</div>

modules/boonex/albums/template/form_ghost_template.html

@@ -6,8 +6,12 @@
             <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
     <input placeholder="<bx_text:_bx_albums_form_entry_file_title />" class="bx-def-font-inputs bx-form-input-text block w-full py-2 px-3 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300 appearance-none" type="text" value="{file_title_attr}" name="title-{file_id}" />

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

@@ -322,9 +322,6 @@ button.bx-btn:focus .bx-loading-ajax-btn {
 
 .bx-popup-element-close:hover,
 .bx-popup-element-close {
-    position: absolute;
-    top: 0;
-    right: 0;
     text-decoration: none;
     font-size: 1.5rem !important;
 }

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

@@ -63,7 +63,7 @@
 }
 
 .bx-sidebar-item.bx-si-dropdown-has .bx-si-dropdown-icon {
-    display: inline-block;
+    display: flex;
 }
 .bx-sidebar-item.bx-si-dropdown-open .bx-si-dropdown-icon {
     

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

@@ -3,7 +3,7 @@
         <li class="sm:w-full md:w-2/4 lg:w-1/4 mb-4">
             <div class="bx-menu-floating-blocks-dash-item bx-def-box group bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 p-2 mx-2 rounded-md box-border __class_add__">
                 <a class="flex items-center" href="__link__" <bx_if:onclick>onclick="__onclick__"</bx_if:onclick> __attrs__>
-                    <div class="bx-menu-floating-blocks-icon flex items-center justify-center w-10 h-10 mx-1 bg-gray-100 group-hover:bg-gray-200 dark:bg-gray-700 dark:group-hover:bg-gray-600 rounded-full text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
+                    <div class="bx-menu-floating-blocks-icon flex items-center justify-center w-10 h-10 ml-2 mr-4 my-2 bg-gray-100 group-hover:bg-gray-200 dark:bg-gray-700 dark:group-hover:bg-gray-600 rounded-full text-gray-800 group-hover:text-gray-600 dark:group-hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
                         <bx_include_auto:menu_icon.html />
                     </div>
                     <div class="bx-menu-floating-blocks-dash-title">
@@ -14,4 +14,4 @@
             </div>
         </li>
     </bx_repeat:menu_items>
-</ul>
+</ul>

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

@@ -5,9 +5,9 @@
                 <bx_include_auto:menu_icon.html />
             </span>
             <span class="bx-si-title bx-stl-mit flex-1">__title__</span>
-            <svg class="bx-si-dropdown-icon flex-shrink-0 h-5 w-5 ml-2 transform rotate-0 transition-transform ease-in-out duration-150 text-gray-300 group-hover:text-gray-400 hidden" viewBox="0 0 20 20" aria-hidden="true">
-                <path d="M6 6L14 10L6 14V6Z" fill="currentColor"></path>
-            </svg>
+            <span class="bx-si-dropdown-icon justify-center items-center flex-shrink-0 h-5 w-5 ml-2 transform rotate-0 transition-transform ease-in-out duration-150 text-gray-300 hover:text-gray-400 hidden">
+                <bx_image_auto:caret-right />
+            </span>
         </a>
         <bx_if:show_submenu>
             <ul class="bx-sidebar-dropdown-content space-y-1 hidden">

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

@@ -4,7 +4,11 @@
             <div class="bx-popup-header flex items-center justify-between p-3 md:p-4 lg:p-6">
                 <div class="text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100" id="__id___title">__title__</div>
                 <div class="bx-popup-close-wrapper relative">
-                    <a href="javascript:void(0);" class="bx-popup-element-close flex items-center justify-center w-6 h-6 text-base"><i class="sys-icon times text-gray-800 dark:text-gray-100"></i></a>
+                    <a href="javascript:void(0);" class="bx-popup-element-close flex items-center justify-center text-base text-gray-800 dark:text-gray-100">
+                        <div class="bx-icon bx-icon-close">
+                            <bx_image_auto:times />
+                        </div>
+                    </a>
                 </div>
             </div>
             <div class="bx-popup-content px-4 pb-4">__content__</div>

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

@@ -14,7 +14,9 @@
         <bx_if:show_switcher_icon>
             <div class="bx-pa-actions absolute right-0" sidebar-toggle-item>
                 <a class="block" href="__switcher_url__" onclick="__switcher_onclick__">
-                    <div class="bx-pa-action flex items-center justify-center h-8 w-8 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-full"><i class="sys-icon arrows-alt-v flex-shrink-0 text-gray-400 group-hover:text-gray-500"></i></div>
+                    <div class="bx-pa-action flex items-center justify-center h-8 w-8 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-400 hover:text-gray-500 rounded-full">
+                        <bx_image_auto:arrows-alt-v />
+                    </div>
                 </a>
             </div>
         </bx_if:show_switcher_icon>

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

@@ -11,9 +11,13 @@
                         </div>
                     </div>
                 </div>
-                <!--<div class="bx-pa-actions">
-                    <div class="bx-pa-action flex items-center justify-center h-5 w-5 ml-2"><i class="sys-icon arrows-alt-v flex-shrink-0 text-gray-400 group-hover:text-gray-500"></i></div>
-                </div>-->    
+                <!--
+                <div class="bx-pa-actions">
+                    <div class="bx-pa-action flex items-center justify-center h-5 w-5 ml-2 text-gray-400 hover:text-gray-500">
+                        <bx_image_auto:arrows-alt-v />
+                    </div>
+                </div>
+                -->
             </div>
             <div class="bx-ps-menu mt-5 pt-3">__menu__</div>
         </div>

modules/boonex/artificer/data/template/system/scripts/BxTemplMenuSidebarSite.php

@@ -33,11 +33,15 @@ class BxTemplMenuSidebarSite extends BxTemplMenu
         $aTmplVarsSubmenu = array();
         $bTmplVarsSubmenu = !empty($aResult['submenu_object']);
         if($bTmplVarsSubmenu) {
-            $aResult['onclick'] = "javascript:return bx_sidebar_dropdown_toggle(this)";
+            $aResult['bx_if:onclick'] = [
+                'condition' => true,
+                'content' => [
+                    'onclick' => "javascript:return bx_sidebar_dropdown_toggle(this)"
+            ]];
             $aResult['class_add'] .= ' bx-si-dropdown-has';
 
             if(($oSubmenu = BxDolMenu::getObjectInstance($aResult['submenu_object'])) !== false)
-                $aTmplVarsSubmenu['bx_repeat:submenu_items'] = $oSubmenu->getMenuItems(); 
+                $aTmplVarsSubmenu['bx_repeat:submenu_items'] = $oSubmenu->getMenuItems();
         }
 
         $aResult['bx_if:show_arrow'] = array (

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

@@ -1,6 +1,8 @@
 <div id="bx-sliding-menu-search" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bg-white bx-search-site" style="display:none; opacity:1;">
     <div class="mx-auto">
-        <a class="bx-sliding-menu-close mt-2 mr-4 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-search')"><i class="sys-icon times"></i></a>
+        <a class="bx-sliding-menu-close mt-2 mr-4 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-search')">
+            <bx_image_auto:times />
+        </a>
         <div class="p-4">
             <div class="bx-def-font-h2 bx-menu-search-popup-title"><bx_text:_Search /></div>
             __search_form__

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

@@ -5,9 +5,9 @@
         <div class="absolute top-0 left-0 -ml-12 pt-2">
             <button type="button" class="bx-sidebar-account-close ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
                 <span class="sr-only"><bx_text:_bx_artificer_txt_close_sidebar /></span>
-                <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                </svg>
+                <div class="bx-icon bx-icon-close text-white">
+                    <bx_image_auto:times />
+                </div>
             </button>
         </div>
         <bx_if:color_scheme_switcher>

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

@@ -4,9 +4,9 @@
         <div class="absolute top-0 right-0 -mr-12 pt-2">
             <button type="button" class="bx-sidebar-site-close ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
                 <span class="sr-only"><bx_text:_bx_artificer_txt_close_sidebar /></span>
-                <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                </svg>
+                <div class="bx-icon bx-icon-close text-white">
+                    <bx_image_auto:times />
+                </div>
             </button>
         </div>
         <div class="bx-sidebar-site-logo flex-shrink-0 flex items-center px-4">__main_logo__</div>

modules/boonex/decorous/data/template/system/menu_account_popup.html

@@ -1,6 +1,10 @@
 <div id="bx-sliding-menu-account" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block bx-def-border-bottom bx-def-box-sizing bx-search-site" style="display:none; opacity:1;">
     <div class="bx-sliding-menu-main-cnt">
-        <a class="bx-sliding-menu-close mt-2 mr-4 z-10 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')"><i class="sys-icon times"></i></a>
+        <a class="bx-sliding-menu-close mt-2 mr-4 z-10 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')">
+            <div class="bx-icon bx-icon-close">
+                <bx_image_auto:times />
+            </div>
+        </a>
         <div class="bx-menu-account-popup bx-menu-object-__object__ space-y-2">
             <bx_repeat:menu_items>
                 <div class="bx-menu-account-popup-__name__">__item__</div>

modules/boonex/files/template/form_ghost_template_upload.html

@@ -5,8 +5,12 @@
             <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
     <input class="bx-def-font-inputs bx-form-input-text block w-full py-2 px-3 border border-gray-300 dark:border-gray-700 rounded-md shadow-sm bg-white dark:bg-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-2 focus:text-gray-900 dark:focus:text-gray-100 focus:ring-blue-500 focus:border-opacity-70 focus:ring-opacity-20 focus:border-blue-500 text-sm text-gray-700 dark:text-gray-300 appearance-none" type="text" value="{file_title_attr}" name="title-{file_id}" />

modules/boonex/lucid/data/template/system/menu_account_popup.html

@@ -1,6 +1,10 @@
 <div id="bx-sliding-menu-account" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block bx-def-border-bottom bx-def-box-sizing bx-search-site" style="display:none; opacity:1;">
     <div class="bx-sliding-menu-main-cnt">
-        <a class="bx-sliding-menu-close mt-2 mr-4 z-10 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')"><i class="sys-icon times"></i></a>
+        <a class="bx-sliding-menu-close mt-2 mr-4 z-10 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')">
+            <div class="bx-icon bx-icon-close">
+                <bx_image_auto:times />
+            </div>
+        </a>
         <div class="bx-menu-account-popup bx-menu-object-__object__ space-y-2">
             <bx_repeat:menu_items>
                 <div class="bx-menu-account-popup-__name__">__item__</div>

modules/boonex/market/template/form_ghost_template.html

@@ -8,12 +8,18 @@
             <span class="bx-base-general-uploader-ghost flex-1">
                 <div class="font-bold"></div>
                     <span class="bx-base-general-intert-to-post-link" id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
-                        <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><i class="sys-icon plus"></i></a>
+                        <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');">
+                            <bx_image_auto:plus />
+                        </a>
                     </span>
                     <span id="bx-base-general-delete-link-{file_id}">
-                        <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
+                        <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                            <bx_image_auto:times />
+                        </a>
                     </span>
-                    <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+                    <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                        <bx_image_auto:copy />
+                    </a>
                 </div>
             </span>
         </div>

modules/boonex/photos/template/form_ghost_template.html

@@ -5,8 +5,12 @@
             <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
             <bx_if:set_thumb>
                 <input type="hidden" name="__name_thumb__[]" value="{file_id}" />
             </bx_if:set_thumb>

modules/boonex/photos/template/form_ghost_template_upload.html

@@ -5,8 +5,12 @@
             <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
     <div class="bx-form-input-wrapper bx-form-input-wrapper-text w-full">

modules/boonex/polls/template/form_subentries.html

@@ -3,7 +3,9 @@
         <div class="bx-form-input-subentry bx-def-padding-thd-topbottom">
             <div class="bx-form-input-subentry-cell bx-fi-sc-txt">__input_text__</div>
             <div class="bx-form-input-subentry-cell bx-fi-sc-btn bx-def-padding-sec-left">
-                <a class="bx-btn" href="javascript:void(0)" onclick="javascript:__js_object__.subentryDelete(this)"><i class="sys-icon times"></i></a>
+                <a class="bx-btn" href="javascript:void(0)" onclick="javascript:__js_object__.subentryDelete(this)">
+                    <bx_image_auto:times />
+                </a>
             </div>
         </div>
     </bx_repeat:subentries>

modules/boonex/timeline/template/uploader_nfw.html

@@ -5,7 +5,9 @@
             <img src="<bx_image_url:spacer.gif />" style="background-image:url({file_icon})" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small" href="javascript:void(0);" title="<bx_text:_Delete />" onclick="{js_instance_name}.deleteGhost('{file_id}', function(sMsg){__js_object__.onAttachMediaDeleteGhost(__content_id__, sMsg);})"><i class="sys-icon times"></i></a>
+            <a class="bx-btn bx-btn-small" href="javascript:void(0);" title="<bx_text:_Delete />" onclick="{js_instance_name}.deleteGhost('{file_id}', function(sMsg){__js_object__.onAttachMediaDeleteGhost(__content_id__, sMsg);})">
+                <bx_image_auto:times />
+            </a>
         </span>
     </div>
 </div>

modules/boonex/videos/template/form_ghost_template.html

@@ -6,10 +6,16 @@
         </div>
         <span class="bx-base-general-uploader-ghost">
             <span id="bx-base-general-intert-to-post-link-{file_id}" style="display:none;">
-                <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><i class="sys-icon plus"></i></a>
+                <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_insert />" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');">
+                    <bx_image_auto:plus />
+                </a>
             </span>
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
     <bx_if:set_poster>

modules/boonex/videos/template/form_ghost_template_video.html

@@ -6,8 +6,12 @@
         </div>
         <span class="bx-base-general-uploader-ghost">
             <input type="hidden" name="__name_thumb__" value="{file_id}" />
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', [], {js_instance_name});"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', [], {js_instance_name});">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
 </div>

plugins_public/tailwind/css/tailwind.css

@@ -556,7 +556,17 @@
     .bx-def-vanilla-html code {
         @apply relative rounded px-[0.3rem] py-[0.2rem] text-sm font-semibold;
     }
-    
+
+    /* Common elements: Icons. */
+    .bx-icon svg {
+        @apply w-5 h-5;
+    }
+    .bx-icon.bx-icon-small svg {
+        @apply w-4 h-4;
+    }
+    .bx-icon.bx-icon-close svg {
+        @apply w-7 h-7;
+    }
 
     /* Common elements: Pages. */
     .bx-layout-wrapper{
@@ -679,7 +689,8 @@
     }
 
     .bx-btn i, 
-    .bx-btn img {
+    .bx-btn img,
+    .bx-btn svg {
         @apply w-5 h-5 leading-5;
     }
     .bx-btn i:not(.sys-colored),
@@ -725,11 +736,11 @@
     }
 
     .bx-btn.bx-btn-small i, 
-    .bx-btn.bx-btn-small img {
+    .bx-btn.bx-btn-small img,
+    .bx-btn.bx-btn-small svg {
         @apply w-4 h-4 leading-4;
     }
 
-
     /* Common elements: Forms */
     .bx-artificer form {
         @apply text-sm font-normal text-gray-700 dark:text-gray-300;

studio/template/form_ghost_template.html

@@ -6,7 +6,9 @@
             <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="javascript: {js_instance_name}.deleteGhost('{file_id}');"><i class="sys-icon times"></i></a>
+            <a class="bx-btn bx-btn-small" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="javascript: {js_instance_name}.deleteGhost('{file_id}');">
+                <bx_image_auto:times />
+            </a>
         </span>
     </div>
 </div>

template/comments_uploader_nfw.html

@@ -5,8 +5,12 @@
             <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
         </div>
         <span class="bx-base-general-uploader-ghost">
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="{js_instance_name}.deleteGhost('{file_id}');"><i class="sys-icon times"></i></a>
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_delete />" onclick="{js_instance_name}.deleteGhost('{file_id}');">
+                <bx_image_auto:times />
+            </a>
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" title="<bx_text:_sys_txt_form_entry_input_picture_copy />" onclick="bx_copy_to_clipboard('{file_url}');">
+                <bx_image_auto:copy />
+            </a>
         </span>
     </div>
 </div>

template/create_post_form.html

@@ -16,7 +16,11 @@
                 </div>
             </div>
             <div class="sys-cpf-form sys-cpf-__default__" style="display:none">__form__</div>
-            <div class="sys-cpf-close absolute hidden right-0 bottom-0"><a class="bx-btn" href="javascript:void(0)" onclick="__js_object__.hideForm(this)"><i class="sys-icon times"></i></a></div>
+            <div class="sys-cpf-close absolute hidden right-0 bottom-0">
+                <a class="bx-btn" href="javascript:void(0)" onclick="__js_object__.hideForm(this)">
+                    <bx_image_auto:times />
+                </a>
+            </div>
         </div>
     </div>
 </div>

template/menu_account_popup.html

@@ -1,7 +1,11 @@
 <div id="bx-sliding-menu-account" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block bx-def-border-bottom bx-def-box-sizing bx-search-site" style="display:none; opacity:1;">
     <div class="bx-def-page-width bx-def-centered">
         <div class="bx-sliding-menu-main-cnt">
-            <a class="bx-sliding-menu-close mt-2 mr-4 z-10 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')"><i class="sys-icon times"></i></a>
+            <a class="bx-sliding-menu-close mt-2 mr-4 z-10 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-account')">
+                <div class="bx-icon bx-icon-close">
+                    <bx_image_auto:times />
+                </div>
+            </a>
             <div class="bx-menu-account-popup bx-menu-object-__object__ px-4 pt-4 space-y-2">
                 <bx_repeat:menu_items>
                     <div class="bx-menu-account-popup-__name__">__item__</div>

template/menu_loading.html

@@ -1,6 +1,10 @@
 <div id="bx-sliding-menu-loading" class="bx-sliding-menu bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block border-l border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 shadow-sm rounded-bl" style="display:none; opacity:1;">
     <div class="bx-def-centered">
-        <a class="bx-sliding-menu-close mt-2 mr-4 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline($(this).parents('.bx-sliding-menu:visible:first'))"><i class="sys-icon times"></i></a>
+        <a class="bx-sliding-menu-close mt-2 mr-4 text-3xl" href="javascript:void(0);" onclick="bx_menu_slide_inline($(this).parents('.bx-sliding-menu:visible:first'))">
+            <div class="bx-icon">
+                <bx_image_auto:times />
+            </div>
+        </a>
         <div class="bx-sliding-menu-cnt p-4">
             <div class="bx-sliding-menu-content"></div>
             <div class="bx-sliding-menu-loading"></div>

template/popup_box.html

@@ -4,7 +4,11 @@
     <div class="bx-def-round-corners" style="overflow:hidden;">
         <div class="bx-popup-header bx-popup-header-color-bg bx-def-padding bx-def-font-contrasted">
             <h2 id="__id___title">__title__</h2>
-            <a href="javascript:void(0);" class="bx-popup-element-close bx-def-font-contrasted bx-def-margin"><i class="sys-icon times"></i></a>
+            <a href="javascript:void(0);" class="bx-popup-element-close bx-def-font-contrasted bx-def-margin">
+                <div class="bx-icon bx-icon-close">
+                    <bx_image_auto:times />
+                </div>
+            </a>
         </div>
         <div class="bx-popup-content bx-def-padding">__content__</div>
     </div>

template/popup_chain.html

@@ -5,12 +5,20 @@
                 <div class="bx-popup-content">__item__</div>
                 <bx_if:show_previous>
                     <div class="bx-popup-chain-item-actions bx-popup-cia-left">
-                        <a href="javascript:void(0)" onclick="javascript:__onclick_previous__;"><i class="sys-icon arrow-left"></i></a>
+                        <a href="javascript:void(0)" onclick="javascript:__onclick_previous__;">
+                            <div class="bx-icon">
+                                <bx_image_auto:arrow-left />
+                            </div>
+                        </a>
                     </div>
                 </bx_if:show_previous>
                 <bx_if:show_close>
                     <div class="bx-popup-chain-item-actions bx-popup-cia-right">
-                        <a href="javascript:void(0)" onclick="javascript:__onclick_close__;"><i class="sys-icon times"></i></a>
+                        <a href="javascript:void(0)" onclick="javascript:__onclick_close__;">
+                            <div class="bx-icon">
+                                <bx_image_auto:times />
+                            </div>
+                        </a>
                     </div>
                 </bx_if:show_close>
             </div>

template/popup_image.html

@@ -1,7 +1,8 @@
 <div class="bx-popup-image-container">
     <div class="bx-popup-image-btn bx-def-padding">
-        <a class="bx-btn bx-def-margin-sec-left" title="<bx_text_attribute:_sys_close />" href="javascript:void(0);" onclick="$(this).parents().filter('.bx-popup-wrapper').dolPopupHide()"><i class="sys-icon times"></i></a>
+        <a class="bx-btn bx-def-margin-sec-left" title="<bx_text_attribute:_sys_close />" href="javascript:void(0);" onclick="$(this).parents().filter('.bx-popup-wrapper').dolPopupHide()">
+            <bx_image_auto:times />
+        </a>
     </div>
-
     <img class="bx-popup-image-image" src="__image_url__" />
-</div>
+</div>

template/popup_inline.html

@@ -2,7 +2,11 @@
     <div class="bx-popup bx-def-border-top bx-def-border-bottom">
         <div class="bx-popup-content" style="">__content__</div>
         <div class="bx-popup-actions bx-pa-right bx-def-padding-sec-right">
-            <a class="bx-popup-close" href="javascript:void(0);"><i class="sys-icon times"></i></a>
+            <a class="bx-popup-close" href="javascript:void(0);">
+                <div class="bx-icon bx-icon-close">
+                    <bx_image_auto:times />
+                </div>
+            </a>
         </div>
     </div>
 </div>

template/popup_trans.html

@@ -2,7 +2,11 @@
     <div class="bx-popup-gap mx-4 my-px">
         <div class="bx-popup bx-popup-trans bx-popup-border bx-popup-color-bg">
             <div class="bx-popup-close-wrapper bx-def-media-desktop-hide bx-def-media-tablet-hide relative pt-2 px-2 text-right">
-                <a href="javascript:void(0);" class="bx-popup-element-close flex items-center justify-center w-6 h-6 text-base"><i class="sys-icon times text-gray-800 dark:text-gray-100"></i></a>
+                <a href="javascript:void(0);" class="bx-popup-element-close flex items-center justify-center w-6 h-6 text-base text-gray-800 dark:text-gray-100">
+                    <div class="bx-icon bx-icon-close">
+                        <bx_image_auto:times />
+                    </div>
+                </a>
             </div>
             <div class="bx-popup-content overflow-hidden">__content__</div>
             <!-- Footer is needed for Safari in iOS -->

template/profile_avatar.html

@@ -14,7 +14,9 @@
         <bx_if:show_switcher_icon>
             <div class="bx-pa-actions" sidebar-toggle-item>
                 <a href="__switcher_url__" onclick="__switcher_onclick__">
-                    <div class="bx-pa-action bx-def-margin-sec-left bx-def-color-bg-hl bx-def-align-center"><i class="sys-icon arrows-alt-v"></i></div>
+                    <div class="bx-pa-action bx-def-margin-sec-left bx-def-color-bg-hl bx-def-align-center">
+                        <bx_image_auto:arrows-alt-v />
+                    </div>
                 </a>
             </div>
         </bx_if:show_switcher_icon>

template/search.html

@@ -1,6 +1,10 @@
 <div id="bx-sliding-menu-search" class="bx-sliding-menu-main bx-sliding-menu-fullheight bx-def-z-index-nav bx-def-color-bg-block bx-search-site" style="display:none; opacity:1;">
     <div class="bx-def-page-width bx-def-centered">
-        <a class="bx-sliding-menu-close bx-def-margin-sec-top bx-def-margin-right bx-def-font-h1" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-search')"><i class="sys-icon times"></i></a>
+        <a class="bx-sliding-menu-close bx-def-margin-sec-top bx-def-margin-right bx-def-font-h1" href="javascript:void(0);" onclick="bx_menu_slide_inline('#bx-sliding-menu-search')">
+            <div class="bx-icon">
+                <bx_image_auto:times />
+            </div>
+        </a>
         <div class="bx-def-padding">
             <div class="bx-def-font-h2 bx-menu-search-popup-title"><bx_text:_Search /></div>
             __search_form__