Ticket #3694 - Minor fixes: Online status, Ghosts reordering, etc.

modules/boonex/artificer/data/template/mod_general/css/forms.css

@@ -1,3 +1,11 @@
+/* uploader */
+.bx-form-input-files-result .bx-uploader-ghost-reorder {
+    align-self: center;
+    margin-right: 0.5rem;
+}
+.bx-form-input-files-result.ui-sortable .bx-uploader-ghost-reorder {
+    cursor: move;
+}
 .bx-uploader-ghost .bx-base-general-icon-wrapper img {
     max-height: 12.5rem;
 }

modules/boonex/artificer/data/template/mod_profile/cover_block.html

@@ -15,12 +15,12 @@
                 </div>
             </bx_if:show_cover>
             <div class="bx-base-pofile-cover-info relative mx-auto px-6">
-                <div class="bx-base-pofile-ci-cnt relative flex flex-col -mt-20 pt-4">
+                <div class="bx-base-pofile-ci-cnt relative flex flex-col items-center -mt-20 pt-4">
                     <bx_if:show_avatar>
-                        <div class="bx-base-pofile-cover-thumb flex justify-center __add_class__">
-                             <a class="bx-base-pofile-cover-thumb" href="__picture_href__" onclick="$('#__picture_popup_id__').dolPopupImage('__picture_url__', $(this).parent()); event.stopPropagation();">
-                                    <img class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 lg:h-32 lg:w-32 __img_class__" src="__ava_url__"  <bx_if:show_ava_letter> style="display:none" </bx_if:show_ava_letter> />
-                                    <p class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size flex items-center justify-center box-border m-0 rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 lg:h-32 lg:w-32 text-white font-bold text-5xl __img_class__-placeholder" style="background-color:rgba(__color__);<bx_if:show_ava_image>display:none</bx_if:show_ava_image>" >__letter__</p>
+                        <div class="bx-base-pofile-cover-thumb relative inline-flex justify-center __add_class__">
+                            <a class="bx-base-pofile-cover-thumb" href="__picture_href__" onclick="$('#__picture_popup_id__').dolPopupImage('__picture_url__', $(this).parent()); event.stopPropagation();">
+                                <img class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 lg:h-32 lg:w-32 __img_class__" src="__ava_url__"  <bx_if:show_ava_letter> style="display:none" </bx_if:show_ava_letter> />
+                                <p class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size flex items-center justify-center box-border m-0 rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 lg:h-32 lg:w-32 text-white font-bold text-5xl __img_class__-placeholder" style="background-color:rgba(__color__);<bx_if:show_ava_image>display:none</bx_if:show_ava_image>" >__letter__</p>
                             </a>
                             <bx_if:show_online>
                                 <div class="bx-base-pofile-unit-online"></div>

plugins_public/tailwind/css/tailwind.css

@@ -109,12 +109,18 @@
     .bx-artificer .bx-def-margin-sec-bottom {
         @apply mb-2;
     }
+    .bx-artificer .bx-def-margin-sec-bottom-neg {
+        @apply -mb-2;
+    }
     .bx-artificer .bx-def-margin-sec-leftright {
         @apply mx-2;
     }
     .bx-artificer .bx-def-margin-sec-leftright-neg {
         @apply -mx-2;
     }
+    .bx-artificer .bx-def-margin-sec-lefttopright-neg {
+        @apply -mx-2 -mt-2;
+    }
     .bx-artificer .bx-def-margin-sec-topbottom {
         @apply my-2;
     }