Ticket #3941 - Artificer template (part 4): Popups, Profile unit, etc.

modules/base/profile/template/cover.html

@@ -12,8 +12,8 @@
                     <bx_if:show_avatar>
                         <div class="bx-base-pofile-cover-thumb __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 __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 bx-def-border __img_class__-placeholder" style="background-color:rgba(__color__);<bx_if:show_ava_image>display:none</bx_if:show_ava_image>">__letter__</p>
+                                <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 __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 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>

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

@@ -1 +0,0 @@
-<div class="bx-popup-content-indent p-4">__content__</div>

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

@@ -1,4 +0,0 @@
-<div class="bx-popup-content-indent p-4">
-    <div class="bx-popup-content-wrapped"></div>
-    <div class="bx-popup-loading-wrapped"></div>
-</div>

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

@@ -1,12 +0,0 @@
-<div  id="__id__" class="bx-popup-wrapper bx-popup-responsive bx-popup-trans-wrapper box-border __wrapper_class__" style="__wrapper_style__" role="alert">
-    <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>
-            </div>
-            <div class="bx-popup-content overflow-hidden">__content__</div>
-            <!-- Footer is needed for Safari in iOS -->
-            <!-- <div class="bx-popup-footer-wrapper bx-def-media-desktop-hide bx-def-media-tablet-hide p-3 md:p-4 lg:p-6">&nbsp;</div> -->
-        </div>
-    </div>
-</div>

modules/boonex/decorous/data/template/system/css/default.less

@@ -81,7 +81,7 @@
         border-radius: @bx-border-radius-popup;
         background-clip: padding-box;
     }
-    .bx-popup-applied:not(.bx-popup-chain),
+    .bx-popup-applied:not(.bx-popup-chain) .bx-popup,
     .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
         -webkit-box-shadow: @bx-shadow-popup;
         -moz-box-shadow: @bx-shadow-popup;

modules/boonex/lucid/data/template/system/css/default.less

@@ -85,7 +85,7 @@
         border-radius: @bx-border-radius-popup;
         background-clip: padding-box;
     }
-    .bx-popup-applied:not(.bx-popup-chain),
+    .bx-popup-applied:not(.bx-popup-chain) .bx-popup,
     .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
         -webkit-box-shadow: @bx-shadow-popup;
         -moz-box-shadow: @bx-shadow-popup;

modules/boonex/protean/data/template/system/css/default.less

@@ -72,7 +72,7 @@
         border-radius: @bx-border-radius-popup;
         background-clip: padding-box;
     }
-    .bx-popup-applied:not(.bx-popup-chain),
+    .bx-popup-applied:not(.bx-popup-chain) .bx-popup,
     .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
         -webkit-box-shadow: @bx-shadow-popup;
         -moz-box-shadow: @bx-shadow-popup;

template/popup_content_indent.html

@@ -1 +1 @@
-<div class="bx-popup-content-indent bx-def-padding">__content__</div>
+<div class="bx-popup-content-indent p-4">__content__</div>

template/popup_loading.html

@@ -1,4 +1,4 @@
-<div class="bx-popup-content-indent bx-def-padding">
-	<div class="bx-popup-content-wrapped"></div>
-	<div class="bx-popup-loading-wrapped"></div>
-</div>
+<div class="bx-popup-content-indent p-4">
+    <div class="bx-popup-content-wrapped"></div>
+    <div class="bx-popup-loading-wrapped"></div>
+</div>

template/popup_trans.html

@@ -1,11 +1,12 @@
-<div  id="__id__" class="bx-popup-wrapper bx-popup-responsive bx-popup-trans-wrapper bx-def-box-sizing __wrapper_class__" style="__wrapper_style__" role="alert">
-    <!--<div class="bx-popup-box-pointer"><i class="bx-popup-border"></i></div>-->
-    <div class="bx-popup bx-popup-trans bx-popup-border bx-popup-color-bg bx-def-round-corners">
-        <div class="bx-popup-close-wrapper bx-def-padding bx-def-media-desktop-hide bx-def-media-tablet-hide">
-            <a href="javascript:void(0);" class="bx-popup-element-close"><i class="sys-icon times"></i></a>
+<div  id="__id__" class="bx-popup-wrapper bx-popup-responsive bx-popup-trans-wrapper box-border __wrapper_class__" style="__wrapper_style__" role="alert">
+    <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>
+            </div>
+            <div class="bx-popup-content overflow-hidden">__content__</div>
+            <!-- Footer is needed for Safari in iOS -->
+            <!-- <div class="bx-popup-footer-wrapper bx-def-media-desktop-hide bx-def-media-tablet-hide p-3 md:p-4 lg:p-6">&nbsp;</div> -->
         </div>
-        <div class="bx-popup-content" style="">__content__</div>
-        <!-- Footer is needed for Safari in iOS -->
-        <div class="bx-popup-footer-wrapper bx-def-padding bx-def-media-desktop-hide bx-def-media-tablet-hide">&nbsp;</div>
     </div>
-</div>
+</div>