Ticket #3941 - Artificer template (part 4): Move to core: Albums, Files, Market, Notifications.

modules/boonex/albums/template/form_ghost_template.html

@@ -1,25 +1,25 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost mt-2 flex items-start">
     <a class="bx-anchor-invisible" name="album-media-{file_id}"></a>
     <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
+    <div class="bx-base-general-icon-wrapper mr-2">
         <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">
-        <b><bx_text:_bx_albums_form_entry_file_title /></b>
-        <br />
-        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_title_attr}" name="title-{file_id}" /> <br />
-
-        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-
-        <bx_if:set_thumb>
-            <span class="bx-base-general-use-as-thumb">
-                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                <label for="__name_thumb__-{file_id}"><bx_text:_sys_txt_form_entry_input_picture_use_as_thumb /></label>
-            </span>
-        </bx_if:set_thumb>
-
+        <div class="font-bold"><bx_text:_bx_albums_form_entry_file_title /></div>
+        <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
+            <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}" /> <br />
+        </div>
+        <div class="mt-2">
+            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+            <bx_if:set_thumb>
+                <span class="bx-base-general-use-as-thumb">
+                    <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
+                    <label for="__name_thumb__-{file_id}"><bx_text:_sys_txt_form_entry_input_picture_use_as_thumb /></label>
+                </span>
+            </bx_if:set_thumb>
+        </div>
     </span>
 </div>
 <script>
     $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-thumb input[value="__thumb_id__"]').attr('checked', true);
-</script>
+</script>

modules/boonex/albums/template/unit.html

@@ -1,21 +1,25 @@
-<div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
-	<div class="bx-albums-unit-text-cont bx-def-padding-top bx-def-padding-sec-bottom bx-def-padding-leftright">
-	    <h2 class="bx-base-text-unit-title"><a href="__content_url__">__title__</a></h2>
-	    <div class="bx-base-text-unit-info bx-def-margin-thd-top bx-def-margin-sec-bottom">
-            <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
+<div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-box-round-corners bx-def-color-bg-box mb-3 md:mb-4 lg:mb-6 text-left">
+    <div class="bx-albums-unit-text-cont px-4 pt-4 pb-2">
+        <div class="bx-base-text-unit-title">
+            <a class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white" href="__content_url__">__title__</a>
         </div>
-	    <div class="bx-base-text-unit-summary bx-clearfix">__summary__</div> 
-	</div>
-    <div class="bx-albums-unit-images-cont bx-def-padding-thd-leftright bx-def-padding-bottom">
-        <div class="bx-albums-unit-images bx-clearfix">
+        <bx_if:meta>
+            <div class="bx-base-text-unit-info mt-1 mb-2">
+                <div class="bx-base-general-unit-meta">__meta__</div>
+            </div>
+        </bx_if:meta>
+        <div class="bx-base-text-unit-summary bx-clearfix">__summary__</div> 
+    </div>
+    <div class="bx-albums-unit-images-cont px-1 pb-4">
+        <div class="bx-albums-unit-images">
             <bx_repeat:browse>
                 <a class="bx-albums-unit-image" title="__title_attr__" href="__url__">
                     <img alt="__title_attr__" src="__img_url__" />
                     <bx_if:show_play>
-                        <div class="bx-albums-media-play bx-def-round-corners"><i class="sys-icon play"></i></div>
+                        <div class="bx-albums-media-play rounded"><i class="sys-icon play"></i></div>
                     </bx_if:show_play>
                     <bx_if:show_duration>
-                        <div class="bx-albums-media-duration bx-def-padding-sec-leftright bx-def-padding-thd-topbottom bx-def-border bx-def-round-corners bx-def-font">__duration__</div>
+                        <div class="bx-albums-media-duration px-2 py-1 border rounded text-base">__duration__</div>
                     </bx_if:show_duration>
                 </a>
             </bx_repeat:browse>

modules/boonex/albums/template/unit_gallery.html

@@ -1,24 +1,17 @@
-<div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size bx-def-padding-sec">
-    <div class="bx-base-text-unit-cnt bx-def-box bx-def-round-corners bx-def-color-bg-box">
+<div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size p-2">
+    <div class="bx-base-text-unit-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box mb-3 md:mb-4 lg:mb-6 text-left">
         <div class="bx-albums-unit-images-cont">
-            <div class="bx-albums-unit-images bx-def-box-round-corners-int bx-clearfix">
+            <div class="bx-albums-unit-images">
                 <bx_repeat:browse><a class="bx-albums-unit-image" title="__title_attr__" href="__url__"><img alt="__title_attr__" src="__img_url__" /></a></bx_repeat:browse>
             </div> 
         </div>
-        <div class="bx-albums-unit-text-cont bx-def-padding-leftright bx-def-padding-sec-topbottom bx-def-font-align-center">
-            <div class="bx-base-text-unit-title bx-def-font-bold"><a class="bx-def-font-color" href="__content_url__">__title__</a></div>
-            <div class="bx-base-text-unit-info bx-def-font-middle">
+        <div class="bx-albums-unit-text-cont px-4 py-2 text-center">
+            <div class="bx-base-text-unit-title">
+                <a class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white" href="__content_url__">__title__</a>
+            </div>
+            <div class="bx-base-text-unit-info">
                 <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
             </div>
         </div>
     </div>
-</div>
-<script>
-    $('.bx-albums-unit-images').flickity({
-        cellSelector: '.bx-albums-unit-image',
-        cellAlign: 'left',
-        imagesLoaded: true,
-        wrapAround: true,
-        pageDots: false
-    });
-</script>
+</div>

modules/boonex/albums/template/unit_media.html

@@ -1,24 +1,24 @@
-<div class="__class__ bx-albums-media-wrapper bx-def-padding-sec bx-def-box-sizing">
-    <div class="bx-albums-media-cnt bx-def-box bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block bx-def-padding">
-	    <div class="bx-albums-media-thumb bx-albums-unit-size bx-def-centered">
-	        <bx_if:image>
-	            <a href="__url__" title="__title_attr__">
-	                <img class="bx-albums-unit-size" src="__url_img__" alt="__title_attr__" />
-	            </a>
-	        </bx_if:image>
-	        <bx_if:video>
-	            <a href="__url__" title="__title_attr__">
-	                <img class="bx-albums-unit-size" src="__url_img__" alt="__title_attr__" />
-                        <div class="bx-albums-media-play bx-def-round-corners"><i class="sys-icon play"></i></div>
-	            </a>
-                    <bx_if:show_duration>
-                        <div class="bx-albums-media-duration bx-def-padding-sec-leftright bx-def-padding-thd-topbottom bx-def-border bx-def-round-corners bx-def-font">__duration__</div>
-                    </bx_if:show_duration>
-	        </bx_if:video>
-	    </div>
-	    <div class="bx-albums-media-caption bx-def-margin-sec-topbottom">
-                <a href="__url__" title="__title_attr__">__title__</a>
-            </div>
-	    <div class="bx-albums-media-actions bx-def-margin-sec-leftright-neg">__actions__</div>
+<div class="__class__ bx-albums-media-wrapper sm:w-full md:w-1/2 lg:w-1/3 p-2 box-border">
+    <div class="bx-albums-media-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box">
+        <div class="bx-albums-media-thumb bx-albums-unit-size h-48 rounded-tl-md rounded-tr-md overflow-hidden">
+            <bx_if:image>
+                <a href="__url__" title="__title_attr__">
+                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
+                </a>
+            </bx_if:image>
+            <bx_if:video>
+                <a href="__url__" title="__title_attr__">
+                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
+                    <div class="bx-albums-media-play rounded-md"><i class="sys-icon play"></i></div>
+                </a>
+                <bx_if:show_duration>
+                    <div class="bx-albums-media-duration px-2 py-1 border text-sm rounded-md">__duration__</div>
+                </bx_if:show_duration>
+            </bx_if:video>
+        </div>
+        <div class="bx-albums-media-caption m-2">
+            <a href="__url__" title="__title_attr__">__title__</a>
+        </div>
+        <div class="bx-albums-media-actions mx-2 mb-2">__actions__</div>
     </div>
 </div>

modules/boonex/albums/template/unit_media_gallery.html

@@ -1,23 +1,23 @@
-<div class="__class__ bx-albums-media-wrapper bx-def-padding-sec bx-def-box-sizing">
-    <div class="bx-albums-media-cnt bx-def-box bx-def-image-bg-block bx-def-color-bg-block bx-def-border-block bx-shadow-block bx-def-padding">
-	    <div class="bx-albums-media-thumb bx-albums-unit-size bx-def-centered">
-	        <bx_if:image>
-	            <a href="__url__" title="__title_attr__">
-	                <img class="bx-albums-unit-size" src="__url_img__" alt="__title_attr__" />
-	            </a>
-	        </bx_if:image>
-	        <bx_if:video>
-	            <a href="__url__" title="__title_attr__">
-	                <img class="bx-albums-unit-size" src="__url_img__" alt="__title_attr__" />
-                        <div class="bx-albums-media-play bx-def-round-corners"><i class="sys-icon play"></i></div>
-	            </a>
-                    <bx_if:show_duration>
-                        <div class="bx-albums-media-duration bx-def-padding-sec-leftright bx-def-padding-thd-topbottom bx-def-border bx-def-round-corners bx-def-font">__duration__</div>
-                    </bx_if:show_duration>
-	        </bx_if:video>
-	    </div>
-	    <div class="bx-albums-media-caption bx-def-margin-sec-topbottom">
-                <a href="__url__" title="__title_attr__">__title__</a>
-            </div>
+<div class="__class__ bx-albums-media-wrapper sm:w-full md:w-1/2 lg:w-1/3 p-2 box-border">
+    <div class="bx-albums-media-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box">
+        <div class="bx-albums-media-thumb bx-albums-unit-size h-48 rounded-tl-md rounded-tr-md overflow-hidden">
+            <bx_if:image>
+                <a href="__url__" title="__title_attr__">
+                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
+                </a>
+            </bx_if:image>
+            <bx_if:video>
+                <a href="__url__" title="__title_attr__">
+                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
+                    <div class="bx-albums-media-play rounded-md"><i class="sys-icon play"></i></div>
+                </a>
+                <bx_if:show_duration>
+                    <div class="bx-albums-media-duration px-2 py-1 border text-sm rounded-md">__duration__</div>
+                </bx_if:show_duration>
+            </bx_if:video>
+        </div>
+        <div class="bx-albums-media-caption m-2">
+            <a href="__url__" title="__title_attr__">__title__</a>
+        </div>
     </div>
 </div>

modules/boonex/artificer/data/template/bx_albums/form_ghost_template.html

@@ -1,25 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost mt-2 flex items-start">
-    <a class="bx-anchor-invisible" name="album-media-{file_id}"></a>
-    <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper mr-2">
-        <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">
-        <div class="font-bold"><bx_text:_bx_albums_form_entry_file_title /></div>
-        <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
-            <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}" /> <br />
-        </div>
-        <div class="mt-2">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-            <bx_if:set_thumb>
-                <span class="bx-base-general-use-as-thumb">
-                    <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                    <label for="__name_thumb__-{file_id}"><bx_text:_sys_txt_form_entry_input_picture_use_as_thumb /></label>
-                </span>
-            </bx_if:set_thumb>
-        </div>
-    </span>
-</div>
-<script>
-    $('#bx-uploader-file-{storage_object}-{file_id} .bx-base-general-use-as-thumb input[value="__thumb_id__"]').attr('checked', true);
-</script>

modules/boonex/artificer/data/template/bx_albums/unit.html

@@ -1,28 +0,0 @@
-<div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-box-round-corners bx-def-color-bg-box mb-3 md:mb-4 lg:mb-6 text-left">
-    <div class="bx-albums-unit-text-cont px-4 pt-4 pb-2">
-        <div class="bx-base-text-unit-title">
-            <a class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white" href="__content_url__">__title__</a>
-        </div>
-        <bx_if:meta>
-            <div class="bx-base-text-unit-info mt-1 mb-2">
-                <div class="bx-base-general-unit-meta">__meta__</div>
-            </div>
-        </bx_if:meta>
-        <div class="bx-base-text-unit-summary bx-clearfix">__summary__</div> 
-    </div>
-    <div class="bx-albums-unit-images-cont px-1 pb-4">
-        <div class="bx-albums-unit-images">
-            <bx_repeat:browse>
-                <a class="bx-albums-unit-image" title="__title_attr__" href="__url__">
-                    <img alt="__title_attr__" src="__img_url__" />
-                    <bx_if:show_play>
-                        <div class="bx-albums-media-play rounded"><i class="sys-icon play"></i></div>
-                    </bx_if:show_play>
-                    <bx_if:show_duration>
-                        <div class="bx-albums-media-duration px-2 py-1 border rounded text-base">__duration__</div>
-                    </bx_if:show_duration>
-                </a>
-            </bx_repeat:browse>
-        </div> 
-    </div> 
-</div>

modules/boonex/artificer/data/template/bx_albums/unit_gallery.html

@@ -1,17 +0,0 @@
-<div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size p-2">
-    <div class="bx-base-text-unit-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box mb-3 md:mb-4 lg:mb-6 text-left">
-        <div class="bx-albums-unit-images-cont">
-            <div class="bx-albums-unit-images">
-                <bx_repeat:browse><a class="bx-albums-unit-image" title="__title_attr__" href="__url__"><img alt="__title_attr__" src="__img_url__" /></a></bx_repeat:browse>
-            </div> 
-        </div>
-        <div class="bx-albums-unit-text-cont px-4 py-2 text-center">
-            <div class="bx-base-text-unit-title">
-                <a class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white" href="__content_url__">__title__</a>
-            </div>
-            <div class="bx-base-text-unit-info">
-                <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
-            </div>
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/bx_albums/unit_media.html

@@ -1,24 +0,0 @@
-<div class="__class__ bx-albums-media-wrapper sm:w-full md:w-1/2 lg:w-1/3 p-2 box-border">
-    <div class="bx-albums-media-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box">
-        <div class="bx-albums-media-thumb bx-albums-unit-size h-48 rounded-tl-md rounded-tr-md overflow-hidden">
-            <bx_if:image>
-                <a href="__url__" title="__title_attr__">
-                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
-                </a>
-            </bx_if:image>
-            <bx_if:video>
-                <a href="__url__" title="__title_attr__">
-                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
-                    <div class="bx-albums-media-play rounded-md"><i class="sys-icon play"></i></div>
-                </a>
-                <bx_if:show_duration>
-                    <div class="bx-albums-media-duration px-2 py-1 border text-sm rounded-md">__duration__</div>
-                </bx_if:show_duration>
-            </bx_if:video>
-        </div>
-        <div class="bx-albums-media-caption m-2">
-            <a href="__url__" title="__title_attr__">__title__</a>
-        </div>
-        <div class="bx-albums-media-actions mx-2 mb-2">__actions__</div>
-    </div>
-</div>

modules/boonex/artificer/data/template/bx_albums/unit_media_gallery.html

@@ -1,23 +0,0 @@
-<div class="__class__ bx-albums-media-wrapper sm:w-full md:w-1/2 lg:w-1/3 p-2 box-border">
-    <div class="bx-albums-media-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box">
-        <div class="bx-albums-media-thumb bx-albums-unit-size h-48 rounded-tl-md rounded-tr-md overflow-hidden">
-            <bx_if:image>
-                <a href="__url__" title="__title_attr__">
-                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
-                </a>
-            </bx_if:image>
-            <bx_if:video>
-                <a href="__url__" title="__title_attr__">
-                    <img class="bx-albums-unit-size h-48" src="__url_img__" alt="__title_attr__" />
-                    <div class="bx-albums-media-play rounded-md"><i class="sys-icon play"></i></div>
-                </a>
-                <bx_if:show_duration>
-                    <div class="bx-albums-media-duration px-2 py-1 border text-sm rounded-md">__duration__</div>
-                </bx_if:show_duration>
-            </bx_if:video>
-        </div>
-        <div class="bx-albums-media-caption m-2">
-            <a href="__url__" title="__title_attr__">__title__</a>
-        </div>
-    </div>
-</div>

modules/boonex/artificer/data/template/bx_files/form_ghost_template.html

@@ -1,17 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
-    <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper mr-2">
-        <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
-    </div>
-    <span class="bx-base-general-uploader-ghost">
-        <b>{file_name}</b>
-    </span>
-</div>
-<script>
-    $('#bx-base-general-intert-to-post-link-{file_id}').show();
-
-    // disable images drag&drop, because resized images address can be reset after some time
-    $(".bx-base-general-icon-{file_id}").bind('dragstart', function(){
-        return false; 
-    });
-</script>

modules/boonex/artificer/data/template/bx_files/form_ghost_template_upload.html

@@ -1,15 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
-    <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper mr-2">
-        <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
-    </div>
-    <span class="bx-base-general-uploader-ghost">
-        <div class="font-bold"><bx_text:_bx_files_form_entry_input_title /></div>
-        <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
-            <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}" />
-        </div>
-        <div class="mt-2">
-            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-        </div>
-    </span>
-</div>

modules/boonex/artificer/data/template/bx_market/form_ghost_template.html

@@ -1,44 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-photo mt-2 flex flex-col items-start">
-    <div class="bx-uploader-ghost-header my-1 mx-2">
-        <a href="javascript:void(0)" onclick="javascript:bx_market_ghost_toggle(this);"><i class="sys-icon chevron-right"></i></a> {file_name}
-    </div>
-    <div class="bx-uploader-ghost-body flex items-start w-full my-1">
-        <input type="hidden" name="__name__" value="{file_id}" />
-        <div class="bx-base-general-icon-wrapper mr-2">
-            <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded-md" />
-        </div>
-        <span class="bx-base-general-uploader-ghost flex-1">
-            <div class="font-bold"><bx_text:_sys_txt_form_entry_input_picture_pic_url /></div>
-            <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
-                <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_url}" readonly="1" />
-            </div>
-            <div class="font-bold"><bx_text:_bx_market_form_entry_input_pictures_title /></div>
-            <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
-                <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" name="title-{file_id}" value="{file_title_attr}" />
-            </div>
-            <div class="bx-base-general-buttons">
-                <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);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
-                </span>
-                <span id="bx-base-general-delete-link-{file_id}">
-                    <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-                </span>
-            </div>
-            <bx_if:set_thumb>
-                <div class="bx-base-general-use-as-thumb">
-                    <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                    <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_thumb /></label>
-                </div>
-            </bx_if:set_thumb>
-            <bx_if:set_cover>
-                <div class="bx-base-general-use-as-cover">
-                    <input type="checkbox" name="__name_cover__[]" value="{file_id}" onclick="bx_base_general_select_ghost(this, '__name_cover__')" id="__name_cover__-{file_id}" /> 
-                    <label for="__name_cover__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_cover /></label>
-                </div>
-            </bx_if:set_cover>
-        </span>
-    </div>
-</div>
-<script language="javascript">
-    bx_market_ghost_init($('#bx-uploader-file-{storage_object}-{file_id}'), {file_id}, __thumb_id__, __cover_id__);
-</script>

modules/boonex/artificer/data/template/bx_market/form_ghost_template_file.html

@@ -1,54 +0,0 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-file mt-2 flex flex-col items-start">
-    <div class="bx-uploader-ghost-header my-1 mx-2">
-        <a href="javascript:void(0)" onclick="javascript:bx_market_ghost_toggle(this);"><i class="sys-icon chevron-right"></i></a> {file_name}
-    </div>
-    <div class="bx-uploader-ghost-body flex items-start w-full my-1">
-        <input type="hidden" name="__name__" value="{file_id}" />
-        <div class="bx-base-general-icon-wrapper mr-2">
-            <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded-md" />
-        </div>
-        <span class="bx-base-general-uploader-ghost flex-1">
-            <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_name /></div>
-            <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
-                <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_name}" readonly="1" />
-            </div>
-            <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_type /></div>
-            <div class="bx-form-input-wrapper bx-form-input-wrapper-select mb-2">
-                <select class="bx-def-font-inputs bx-form-input-select 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" name="type-{file_id}" onchange="javascript:oBxMarketForm.changeFileType(this);">
-                    <option value="version"{file_type_version_selected}><bx_text:_bx_market_form_entry_input_files_type_version /></option>
-                    <option value="update"{file_type_update_selected}><bx_text:_bx_market_form_entry_input_files_type_update /></option>
-                </select>
-            </div>
-
-            <div class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
-                <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_version /></div>
-                <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
-                    <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" name="version-{file_id}" value="{file_version_attr}" />
-                </div>
-            </div>
-
-            <div class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-update"{file_type_update_elements}>
-                <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_version_from /></div>
-                <div class="bx-form-input-wrapper bx-form-input-wrapper-select mb-2">
-                    <select class="bx-def-font-inputs bx-form-input-select 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" name="version-from-{file_id}">{file_version_from_options}</select>
-                </div>
-                <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_version_to /></div>
-                <div class="bx-form-input-wrapper bx-form-input-wrapper-select mb-2">
-                    <select class="bx-def-font-inputs bx-form-input-select 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" name="version-to-{file_id}">{file_version_to_options}</select><br />
-                </div>
-            </div>
-            <div class="bx-base-general-buttons">
-                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-                <bx_if:set_thumb>
-                    <span class="bx-base-general-use-as-thumb bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
-                        <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-                        <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_files_use_as_main /></label>
-                    </span>
-                </bx_if:set_thumb>
-            </div>
-        </span>
-    </div>
-</div>
-<script language="javascript">
-    bx_market_ghost_init($('#bx-uploader-file-{storage_object}-{file_id}'), {file_id}, __thumb_id__);
-</script>

modules/boonex/artificer/data/template/bx_market/unit_gallery.html

@@ -1,86 +0,0 @@
-<div class="__class__  bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size p-2">
-    <div class="bx-market-unit-gallery-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box w-full">
-        <!-- Author section -->
-        <bx_if:show_section_author>
-            <div class="bx-market-unit-cnt p-4">
-                <div class="bx-market-unit-author flex items-center">
-                    <div class="bx-market-unit-author-avatar bx-def-thumb bx-def-thumb-size">__author_unit__</div>
-                    <div class="bx-market-unit-author-info flex-1 pl-4">
-                        <div class="bx-market-unit-author-name bx-def-font-middle bx-def-font-light">__author_width_date__</div>
-                    </div>
-                    <div class="bx-market-unit-actions">__actions__</div>
-                </div>
-            </div>
-        </bx_if:show_section_author>
-
-        <!-- Main section -->
-        <div class="bx-market-unit-cnt bx-market-unit-cover">
-            <bx_if:show_cover_raw>
-                <a href="__content_url__" title="__summary_attr__">
-                    <div class="bx-base-text-unit-thumb bx-base-text-unit-thumb-raw">__cover_raw__</div>
-                </a>
-            </bx_if:show_cover_raw>
-            <bx_if:show_cover>
-                <a href="__content_url__" title="__summary_attr__">
-                    <div class="bx-base-text-unit-thumb bx-def-gal-div-size bx-def-font-middle bg-cover bg-center bg-no-repeat" style="background-image:url(__cover_url__)">
-                        <div class="bx-base-text-unit-strecher">__strecher__</div>
-                    </div>
-                </a>
-            </bx_if:show_cover>
-            <bx_if:show_cover_empty>
-            <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size p-4 box-border bx-def-font-middle bx-def-font-grayed">
-                __summary_plain__
-                <div class="bx-base-text-unit-strecher">__strecher__</div>
-            </div>
-            </bx_if:show_cover_empty>
-        </div>
-        <div class="bx-market-unit-cnt p-4">
-            <div class="bx-market-unit-info flex items-center">
-                <div class="bx-market-unit-icon bx-def-thumb-size bx-def-round-corners">
-                    <a href="__content_url__"> 
-                        <bx_if:show_icon>
-                            <img class="bx-market-unit-icon bx-def-thumb-size bx-def-round-corners" src="__icon_url__" />
-                        </bx_if:show_icon>
-                        <bx_if:show_icon_empty>
-                        <div class="bx-market-unit-icon-empty bx-def-thumb-size flex justify-center items-center bg-gray-100 dark:bg-gray-700 rounded-md">
-                            <i class="sys-icon __icon__"></i>
-                        </div>
-                        </bx_if:show_icon_empty>
-                    </a>
-                </div>
-                <div class="bx-market-unit-title ml-4 first:ml-0">
-                    <div class="bx-market-unit-title-badges">
-                        <a class=" bx-def-font-h3" href="__content_url__" title="__title_attr__">__title__</a> 
-                        __badges__
-                    </div>
-                    <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
-                </div>
-            </div>
-        </div>
-
-        <!-- Pricing section -->
-        <bx_if:show_section_pricing>
-            <div class="bx-market-unit-cnt px-4 pb-4">
-                <div class="text-center">
-                    <bx_if:show_single>
-                        <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="javascript:void(0)" onclick="javascript:__price_single_onclick__">__price_single__</a>
-                    </bx_if:show_single>
-                    <bx_if:show_recurring>
-                        <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="javascript:void(0)" onclick="javascript:__price_recurring_onclick__">__price_recurring__</a>
-                    </bx_if:show_recurring>
-                    <bx_if:show_free>
-                        <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="__price_free_href__"><bx_text:_bx_market_txt_get_for_free /></a>
-                    </bx_if:show_free>
-                </div>
-            </div>
-        </bx_if:show_section_pricing>
-
-        <!-- Voting section -->
-        <bx_if:show_section_voting>
-            <div class="bx-market-unit-cnt flex justify-between items-center px-4 pb-4">
-                <div class="bx-market-fcell fc-left">__voting__</div>
-                <div class="bx-market-fcell fc-right bx-def-font-bold">__pricing__</div>
-            </div>
-        </bx_if:show_section_voting>
-    </div>
-</div>

modules/boonex/artificer/data/template/bx_notifications/event.html

@@ -1,13 +0,0 @@
-<div id="__html_id__" class="__style_prefix__-event bx-def-box bx-def-box-round-corners bx-def-color-bg-box bx-def-color-bg-box-hover relative mb-2 __class__">
-    <a class="__style_prefix__-event-link hover:no-underline" href="__link__">
-        <div class="__style_prefix__-event-gap p-4">
-            <div class="__style_prefix__-event-cnt flex items-center">
-                <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__author_unit__</div>
-                <div class="__style_prefix__-body bx-def-thumb-size-min-height flex flex-col ml-4">
-                    <div class="__style_prefix__-content">__content__</div>
-                    <div class="__style_prefix__-date">__date__</div>
-                </div>
-            </div>
-        </div>
-    </a>
-</div>

modules/boonex/files/template/form_ghost_template.html

@@ -1,7 +1,7 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
     <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+    <div class="bx-base-general-icon-wrapper mr-2">
+        <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
     </div>
     <span class="bx-base-general-uploader-ghost">
         <b>{file_name}</b>
@@ -14,4 +14,4 @@
     $(".bx-base-general-icon-{file_id}").bind('dragstart', function(){
         return false; 
     });
-</script>
+</script>

modules/boonex/files/template/form_ghost_template_upload.html

@@ -1,14 +1,15 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-def-margin-sec-top bx-clearfix">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost flex items-start mt-2">
     <input type="hidden" name="__name__[]" value="{file_id}" />
-    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-        <img src="{file_icon}" class="bx-def-round-corners bx-base-general-icon bx-base-general-icon-{file_id}" />
+    <div class="bx-base-general-icon-wrapper mr-2">
+        <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded" />
     </div>
     <span class="bx-base-general-uploader-ghost">
-        <b><bx_text:_bx_files_form_entry_input_title /></b>
-        <br />
-        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_title_attr}" name="title-{file_id}" /> <br />
-
-        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-
+        <div class="font-bold"><bx_text:_bx_files_form_entry_input_title /></div>
+        <div class="bx-form-input-wrapper bx-form-input-wrapper-text mt-1">
+            <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}" />
+        </div>
+        <div class="mt-2">
+            <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+        </div>
     </span>
-</div>
+</div>

modules/boonex/market/template/css/main.css

@@ -1,102 +1,3 @@
-/*--- Snippet ---*/
-div.bx-market-unit-gallery-cnt {
-	position: relative;
-	width: 100%;
-	overflow: hidden;
-}
-div.bx-market-unit-info {
-	position: relative;
-}
-
-/*+++ Item Author +++*/
-div.bx-market-unit-author {
-    position: relative;
-	text-align: left;
-}
-div.bx-market-unit-author-avatar {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-}
-div.bx-market-unit-author-info {
-	display: -webkit-flex;
-    display: flex;
-    -webkit-align-items: center;
-    align-items: center;
-
-	margin-right: 32px;
-	margin-right: 2rem;
-}
-div.bx-market-unit-author-name a.sys-author {
-	padding-right: 10px;
-	padding-right: 0.625rem;
-
-    font-weight: 700;
-}
-
-/*+++ Item Actions +++*/
-div.bx-market-unit-actions {
-	position: absolute;
-	top: 0px;
-	right: 0px;	
-}
-
-/*+++ Item Info +++*/
-div.bx-market-unit-cnt {
-	text-align: left;
-}
-div.bx-market-unit-icon {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-}
-div.bx-market-unit-icon-empty {
-    background-color: #ffffff;
-    text-align: center;
-    line-height: 3rem;
-    font-size: 32px;
-    font-size: 2rem;
-}
-div.bx-market-unit-icon-empty .sys-icon {
-    vertical-align: top;	
-}
-div.bx-market-unit-cover {
-	background-color: #ffffff;
-}
-div.bx-market-unit-cover div.bx-base-text-unit-no-thumb {
-	border-color: #f2f2f2;
-}
-div.bx-market-unit-cnt div.bx-market-unit-info {
-	white-space: nowrap;
-}
-div.bx-market-unit-title {
-	padding-top: 0.125rem;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-div.bx-market-unit-title-badges {
-    display: flex;
-}
-.bx-market-ui-price {
-	float: none;
-	max-width: 80%;
-	margin-left: auto;
-	margin-right: auto;
-}
-.bx-market-fcell {
-	position: relative;
-	display: block;
-}
-.bx-market-fcell.fc-left {
-	float: left;
-}
-.bx-market-fcell.fc-right {
-    float: right;
-}
-.bx-market-fcell .bx-vote {
-	margin: 0px;
-}
-	
 /*--- Defaults ---*/
 .bx-market-thumb-size {
     width: 148px;

modules/boonex/market/template/form_ghost_template.html

@@ -1,42 +1,44 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-photo bx-def-margin-sec-top bx-clearfix">
-    <div class="bx-uploader-ghost-header bx-def-padding-thd-topbottom bx-def-padding-sec-leftright">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-photo mt-2 flex flex-col items-start">
+    <div class="bx-uploader-ghost-header my-1 mx-2">
         <a href="javascript:void(0)" onclick="javascript:bx_market_ghost_toggle(this);"><i class="sys-icon chevron-right"></i></a> {file_name}
     </div>
-    <div class="bx-uploader-ghost-body bx-def-padding-thd-topbottom">
-	    <input type="hidden" name="__name__" value="{file_id}" />
-	    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-	        <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">
-	        <b><bx_text:_sys_txt_form_entry_input_picture_pic_url /></b><br />
-	        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_url}" readonly="1" /> <br />
-	
-			<b><bx_text:_bx_market_form_entry_input_pictures_title /></b><br />
-	    	<input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" name="title-{file_id}" value="{file_title_attr}" /><br />
-	
-	        <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 bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
-	        </span>
-	        <span id="bx-base-general-delete-link-{file_id}">
-	        	<a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
-	        </span>
-	        <bx_if:set_thumb>
-	        	<br />
-	            <span class="bx-base-general-use-as-thumb">
-	                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-	                <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_thumb /></label>
-	            </span>
-	        </bx_if:set_thumb>
-	        <bx_if:set_cover>
-	        	<br />
-	            <span class="bx-base-general-use-as-cover">
-	                <input type="checkbox" name="__name_cover__[]" value="{file_id}" onclick="bx_base_general_select_ghost(this, '__name_cover__')" id="__name_cover__-{file_id}" /> 
-	                <label for="__name_cover__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_cover /></label>
-	            </span>
-	        </bx_if:set_cover>
-	    </span>
+    <div class="bx-uploader-ghost-body flex items-start w-full my-1">
+        <input type="hidden" name="__name__" value="{file_id}" />
+        <div class="bx-base-general-icon-wrapper mr-2">
+            <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded-md" />
+        </div>
+        <span class="bx-base-general-uploader-ghost flex-1">
+            <div class="font-bold"><bx_text:_sys_txt_form_entry_input_picture_pic_url /></div>
+            <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
+                <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_url}" readonly="1" />
+            </div>
+            <div class="font-bold"><bx_text:_bx_market_form_entry_input_pictures_title /></div>
+            <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
+                <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" name="title-{file_id}" value="{file_title_attr}" />
+            </div>
+            <div class="bx-base-general-buttons">
+                <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);" onclick="bx_base_general_insert_to_post('{file_id}', '{file_url}', '__editor_id__');"><bx_text:_sys_txt_form_entry_input_picture_insert /></a>
+                </span>
+                <span id="bx-base-general-delete-link-{file_id}">
+                    <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+                </span>
+            </div>
+            <bx_if:set_thumb>
+                <div class="bx-base-general-use-as-thumb">
+                    <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
+                    <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_thumb /></label>
+                </div>
+            </bx_if:set_thumb>
+            <bx_if:set_cover>
+                <div class="bx-base-general-use-as-cover">
+                    <input type="checkbox" name="__name_cover__[]" value="{file_id}" onclick="bx_base_general_select_ghost(this, '__name_cover__')" id="__name_cover__-{file_id}" /> 
+                    <label for="__name_cover__-{file_id}"><bx_text:_bx_market_form_entry_input_pictures_use_as_cover /></label>
+                </div>
+            </bx_if:set_cover>
+        </span>
     </div>
 </div>
 <script language="javascript">
     bx_market_ghost_init($('#bx-uploader-file-{storage_object}-{file_id}'), {file_id}, __thumb_id__, __cover_id__);
-</script>
+</script>

modules/boonex/market/template/form_ghost_template_file.html

@@ -1,42 +1,52 @@
-<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-file bx-def-margin-sec-top bx-clearfix">
-    <div class="bx-uploader-ghost-header bx-def-padding-thd-topbottom bx-def-padding-sec-leftright">
+<div id="bx-uploader-file-{storage_object}-{file_id}" class="bx-uploader-ghost bx-market-uploader-ghost-file mt-2 flex flex-col items-start">
+    <div class="bx-uploader-ghost-header my-1 mx-2">
         <a href="javascript:void(0)" onclick="javascript:bx_market_ghost_toggle(this);"><i class="sys-icon chevron-right"></i></a> {file_name}
     </div>
-    <div class="bx-uploader-ghost-body bx-def-padding-thd-topbottom">
-	    <input type="hidden" name="__name__" value="{file_id}" />
-	    <div class="bx-base-general-icon-wrapper bx-def-margin-sec-right">
-	        <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">
-                <b><bx_text:_bx_market_form_entry_input_files_name /></b><br />
-	        <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" value="{file_name}" readonly="1" /><br />
-	
-                <b><bx_text:_bx_market_form_entry_input_files_type /></b><br />
-                <select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="type-{file_id}" onchange="javascript:oBxMarketForm.changeFileType(this);">
+    <div class="bx-uploader-ghost-body flex items-start w-full my-1">
+        <input type="hidden" name="__name__" value="{file_id}" />
+        <div class="bx-base-general-icon-wrapper mr-2">
+            <img src="{file_icon}" class="bx-base-general-icon bx-base-general-icon-{file_id} rounded-md" />
+        </div>
+        <span class="bx-base-general-uploader-ghost flex-1">
+            <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_name /></div>
+            <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
+                <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_name}" readonly="1" />
+            </div>
+            <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_type /></div>
+            <div class="bx-form-input-wrapper bx-form-input-wrapper-select mb-2">
+                <select class="bx-def-font-inputs bx-form-input-select 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" name="type-{file_id}" onchange="javascript:oBxMarketForm.changeFileType(this);">
                     <option value="version"{file_type_version_selected}><bx_text:_bx_market_form_entry_input_files_type_version /></option>
                     <option value="update"{file_type_update_selected}><bx_text:_bx_market_form_entry_input_files_type_update /></option>
-                </select><br />
-	
-                <span class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
-                    <b><bx_text:_bx_market_form_entry_input_files_version /></b><br />
-                    <input class="bx-def-font-inputs bx-form-input-text bx-def-margin-sec-bottom" type="text" name="version-{file_id}" value="{file_version_attr}" /><br />
-                </span>
-	
-                <span class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-update"{file_type_update_elements}>
-                    <b><bx_text:_bx_market_form_entry_input_files_version_from /></b><br />
-                    <select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="version-from-{file_id}">{file_version_from_options}</select><br />
-                        <b><bx_text:_bx_market_form_entry_input_files_version_to /></b><br />
-                    <select class="bx-def-font-inputs bx-form-input-select bx-def-margin-sec-bottom" name="version-to-{file_id}">{file_version_to_options}</select><br />
-                </span>
-	        <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+                </select>
+            </div>
 
-	        <bx_if:set_thumb>
-	            <span class="bx-base-general-use-as-thumb bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
-	                <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
-	                <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_files_use_as_main /></label>
-	            </span>
-	        </bx_if:set_thumb>
-	    </span>
+            <div class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
+                <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_version /></div>
+                <div class="bx-form-input-wrapper bx-form-input-wrapper-text mb-2">
+                    <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" name="version-{file_id}" value="{file_version_attr}" />
+                </div>
+            </div>
+
+            <div class="bx-uploader-ghost-type-rel bx-uploader-ghost-type-update"{file_type_update_elements}>
+                <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_version_from /></div>
+                <div class="bx-form-input-wrapper bx-form-input-wrapper-select mb-2">
+                    <select class="bx-def-font-inputs bx-form-input-select 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" name="version-from-{file_id}">{file_version_from_options}</select>
+                </div>
+                <div class="font-bold"><bx_text:_bx_market_form_entry_input_files_version_to /></div>
+                <div class="bx-form-input-wrapper bx-form-input-wrapper-select mb-2">
+                    <select class="bx-def-font-inputs bx-form-input-select 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" name="version-to-{file_id}">{file_version_to_options}</select><br />
+                </div>
+            </div>
+            <div class="bx-base-general-buttons">
+                <a class="bx-btn bx-btn-small mr-2" href="javascript:void(0);" onclick="bx_base_general_delete_ghost('{file_id}', '{file_url}', '{file_icon}', ['__editor_id__'], {js_instance_name});"><bx_text:_sys_txt_form_entry_input_picture_delete /></a>
+                <bx_if:set_thumb>
+                    <span class="bx-base-general-use-as-thumb bx-uploader-ghost-type-rel bx-uploader-ghost-type-version"{file_type_version_elements}>
+                        <input type="checkbox" name="__name_thumb__[]" value="{file_id}" onclick="bx_base_general_select_thumb(this)" id="__name_thumb__-{file_id}" /> 
+                        <label for="__name_thumb__-{file_id}"><bx_text:_bx_market_form_entry_input_files_use_as_main /></label>
+                    </span>
+                </bx_if:set_thumb>
+            </div>
+        </span>
     </div>
 </div>
 <script language="javascript">

modules/boonex/market/template/unit_gallery.html

@@ -1,16 +1,16 @@
-<div class="__class__  bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size bx-def-padding-sec">
-	<div class="bx-market-unit-gallery-cnt bx-def-round-corners bx-def-box bx-def-color-bg-box bx-def-shadow">
+<div class="__class__  bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size p-2">
+    <div class="bx-market-unit-gallery-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box w-full">
         <!-- Author section -->
         <bx_if:show_section_author>
-	        <div class="bx-market-unit-cnt bx-def-padding">
-	            <div class="bx-market-unit-author">
-			        <div class="bx-market-unit-author-avatar bx-def-thumb bx-def-thumb-size">__author_unit__</div>
-			        <div class="bx-market-unit-author-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
-			            <div class="bx-market-unit-author-name bx-def-font-middle bx-def-font-light bx-def-font-grayed">__author_width_date__</div>
-			        </div>
-			        <div class="bx-market-unit-actions">__actions__</div>
-	            </div>
-	        </div>
+            <div class="bx-market-unit-cnt p-4">
+                <div class="bx-market-unit-author flex items-center">
+                    <div class="bx-market-unit-author-avatar bx-def-thumb bx-def-thumb-size">__author_unit__</div>
+                    <div class="bx-market-unit-author-info flex-1 pl-4">
+                        <div class="bx-market-unit-author-name bx-def-font-middle bx-def-font-light">__author_width_date__</div>
+                    </div>
+                    <div class="bx-market-unit-actions">__actions__</div>
+                </div>
+            </div>
         </bx_if:show_section_author>
 
         <!-- Main section -->
@@ -22,66 +22,65 @@
             </bx_if:show_cover_raw>
             <bx_if:show_cover>
                 <a href="__content_url__" title="__summary_attr__">
-                    <div class="bx-base-text-unit-thumb bx-def-gal-div-size bx-def-font-middle" style="background-image:url(__cover_url__)">
+                    <div class="bx-base-text-unit-thumb bx-def-gal-div-size bx-def-font-middle bg-cover bg-center bg-no-repeat" style="background-image:url(__cover_url__)">
                         <div class="bx-base-text-unit-strecher">__strecher__</div>
                     </div>
                 </a>
             </bx_if:show_cover>
             <bx_if:show_cover_empty>
-                <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size bx-def-font-middle bx-def-font-grayed bx-def-padding bx-def-border bx-def-box-sizing">
-                    __summary_plain__
-                    <div class="bx-base-text-unit-strecher">__strecher__</div>
-                </div>
+            <div class="bx-base-text-unit-no-thumb bx-def-gal-div-size p-4 box-border bx-def-font-middle bx-def-font-grayed">
+                __summary_plain__
+                <div class="bx-base-text-unit-strecher">__strecher__</div>
+            </div>
             </bx_if:show_cover_empty>
         </div>
-		<div class="bx-market-unit-cnt bx-def-padding">
-            <div class="bx-market-unit-info">
+        <div class="bx-market-unit-cnt p-4">
+            <div class="bx-market-unit-info flex items-center">
                 <div class="bx-market-unit-icon bx-def-thumb-size bx-def-round-corners">
                     <a href="__content_url__"> 
-		                <bx_if:show_icon>
-		                    <img class="bx-market-unit-icon bx-def-thumb-size bx-def-round-corners" src="__icon_url__" />
-		                </bx_if:show_icon>
-		                <bx_if:show_icon_empty>
-		                    <div class="bx-market-unit-icon-empty bx-def-thumb-size bx-def-round-corners">
-                                <i class="sys-icon __icon__"></i>
-                            </div>
-		                </bx_if:show_icon_empty>
-		            </a>
+                        <bx_if:show_icon>
+                            <img class="bx-market-unit-icon bx-def-thumb-size bx-def-round-corners" src="__icon_url__" />
+                        </bx_if:show_icon>
+                        <bx_if:show_icon_empty>
+                        <div class="bx-market-unit-icon-empty bx-def-thumb-size flex justify-center items-center bg-gray-100 dark:bg-gray-700 rounded-md">
+                            <i class="sys-icon __icon__"></i>
+                        </div>
+                        </bx_if:show_icon_empty>
+                    </a>
                 </div>
-			    <div class="bx-market-unit-title bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+                <div class="bx-market-unit-title ml-4 first:ml-0">
                     <div class="bx-market-unit-title-badges">
-                        <a class=" bx-def-font-h3" href="__content_url__" title="__title_attr__">
-                        __title__</a> 
+                        <a class=" bx-def-font-h3" href="__content_url__" title="__title_attr__">__title__</a> 
                         __badges__
                     </div>
-                        <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
-                    </div>
-		    </div>
-		</div>
+                    <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
+                </div>
+            </div>
+        </div>
 
         <!-- Pricing section -->
         <bx_if:show_section_pricing>
-			<div class="bx-market-unit-cnt bx-def-padding-leftright bx-def-padding-bottom">
-	            <div class="bx-def-font-align-center">
-	                <bx_if:show_single>
-	                    <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="javascript:void(0)" onclick="javascript:__price_single_onclick__">__price_single__</a>
-	                </bx_if:show_single>
-	                <bx_if:show_recurring>
-	                    <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="javascript:void(0)" onclick="javascript:__price_recurring_onclick__">__price_recurring__</a>
-	                </bx_if:show_recurring>
-	                <bx_if:show_free>
-	                    <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="__price_free_href__"><bx_text:_bx_market_txt_get_for_free /></a>
-	                </bx_if:show_free>
-	            </div>
-			</div>
+            <div class="bx-market-unit-cnt px-4 pb-4">
+                <div class="text-center">
+                    <bx_if:show_single>
+                        <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="javascript:void(0)" onclick="javascript:__price_single_onclick__">__price_single__</a>
+                    </bx_if:show_single>
+                    <bx_if:show_recurring>
+                        <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="javascript:void(0)" onclick="javascript:__price_recurring_onclick__">__price_recurring__</a>
+                    </bx_if:show_recurring>
+                    <bx_if:show_free>
+                        <a class="bx-market-ui-price bx-btn bx-btn-small bx-def-margin-sec-top-auto" href="__price_free_href__"><bx_text:_bx_market_txt_get_for_free /></a>
+                    </bx_if:show_free>
+                </div>
+            </div>
         </bx_if:show_section_pricing>
 
         <!-- Voting section -->
         <bx_if:show_section_voting>
-            <div class="bx-market-unit-cnt bx-def-padding-leftright bx-def-padding-bottom bx-clearfix">
+            <div class="bx-market-unit-cnt flex justify-between items-center px-4 pb-4">
                 <div class="bx-market-fcell fc-left">__voting__</div>
                 <div class="bx-market-fcell fc-right bx-def-font-bold">__pricing__</div>
             </div>
         </bx_if:show_section_voting>
-	</div>
+    </div>
 </div>

modules/boonex/notifications/template/css/view.css

@@ -1,35 +1,10 @@
-/*--- View Block Style ---*/
-div.bx-ntfs-view {
-	position: relative;
-}
-
-/*--- Preview Menu Style ---*/
-.bx-sliding-menu .bx-ntfs-preview .bx-def-font-h2 {
-	padding-right: 2.5rem;
-}
-
-/*--- Event Style ---*/
-div.bx-ntfs-event {
-	position: relative;
-}
-div.bx-ntfs-event-cnt {
-	position: relative;
-	overflow: hidden;
-}
-div.bx-ntfs-owner-avatar {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-}
-
-/*--- Empty Style ---*/
-div.bx-ntfs-empty div.bx-msg-box-container {
-	margin-top: 0px;
-	margin-bottom: 0px;
-}
-
 /*--- Preview Popup Style ---*/
-.bx-menu-object-bx_notifications_preview .bx-ntfs-preview-item {
-	width: 100%;
-	text-align: center;
+#bx_notifications_preview .bx-popup-close-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 1rem;
+}
+#bx_notifications_preview .bx-ntfs-preview .bx-menu-item:last-child .bx-ntfs-preview-item {
+    margin-bottom: 0;
 }

modules/boonex/notifications/template/event.html

@@ -1,9 +1,9 @@
-<div id="__html_id__" class="__style_prefix__-event bx-def-margin-sec-top-auto bx-def-round-corners bx-def-box bx-def-color-bg-box bx-def-color-bg-box-hover__class__">
-    <a class="__style_prefix__-event-link bx-def-font-color" href="__link__">
-        <div class="__style_prefix__-event-gap bx-def-padding">
-            <div class="__style_prefix__-event-cnt">
+<div id="__html_id__" class="__style_prefix__-event bx-def-box bx-def-box-round-corners bx-def-color-bg-box bx-def-color-bg-box-hover relative mb-2 __class__">
+    <a class="__style_prefix__-event-link hover:no-underline" href="__link__">
+        <div class="__style_prefix__-event-gap p-4">
+            <div class="__style_prefix__-event-cnt flex items-center">
                 <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__author_unit__</div>
-                <div class="__style_prefix__-body bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+                <div class="__style_prefix__-body bx-def-thumb-size-min-height flex flex-col ml-4">
                     <div class="__style_prefix__-content">__content__</div>
                     <div class="__style_prefix__-date">__date__</div>
                 </div>

modules/boonex/notifications/template/menu_preview.html

@@ -1,4 +1,4 @@
 <div class="bx-ntfs-preview">
-	<div class="bx-def-font-h2 bx-def-padding-sec-bottom"><bx_text:_bx_ntfs_menu_item_title_notifications /></div>
-	__content__
+    <div class="bx-db-title pb-2"><bx_text:_bx_ntfs_menu_item_title_notifications /></div>
+    <div class="relative overflow-y-auto -mx-2 px-2 pt-2">__content__</div>
 </div>