Ticket #3661 - Move tailwind in core templates: Account units.

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

@@ -1,17 +0,0 @@
-<div class="bx-account-unit bx-def-unit flex items-center mb-4 mr-2">
-    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size flex-none">
-        <a class="text-center" href="__content_url__">
-            <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-        </a>
-        <bx_if:show_online>
-            <div class="bx-account-unit-online"></div>
-        </bx_if:show_online>
-    </div>
-    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height flex items-center ml-4">
-        <div class="bx-def-unit-info-cnt box-border">
-            <div class="bx-def-unit-line">
-                <a class="bx-def-unit-info-title" href="__content_url__">__title__</a>
-            </div>
-        </div>
-    </div>
-</div>

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

@@ -1,10 +0,0 @@
-<div class="bx-account-unit-wo-info bx-def-__size__-size text-center">
-    <div class="bx-def-unit-img bx-def-__size__-size">
-        <a href="__content_url__">
-            <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-        </a>
-        <bx_if:show_online>
-            <div class="bx-account-unit-online"></div>
-        </bx_if:show_online>
-    </div>
-</div>

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

@@ -1,8 +0,0 @@
-<div class="bx-account-unit-wo-info bx-def-__size__-size text-center">
-    <div class="bx-def-unit-img bx-def-__size__-size">
-        <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
-        <bx_if:show_online>
-            <div class="bx-account-unit-online"></div>
-        </bx_if:show_online>
-    </div>
-</div>

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

@@ -1,5 +1,5 @@
 <div class="bx-profile-avatar group text-gray-600 dark:text-gray-300">
-    <div class="bx-profile-avatar-cnt relative flex items-center">
+    <div class="bx-profile-avatar-cnt relative flex items-center p-2">
         <div class="bx-pa-img absolute">__profile_unit__</div>
         <div class="bx-pa-info w-full" sidebar-toggle-item>
             <div class="bx-pa-info-cnt flex flex-col justify-center h-10 pl-12 pr-4 box-border">
@@ -12,7 +12,7 @@
             </div>
         </div>
         <bx_if:show_switcher_icon>
-            <div class="bx-pa-actions absolute right-0" sidebar-toggle-item>
+            <div class="bx-pa-actions absolute right-2" 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>
                 </a>

template/account_unit.html

@@ -1,14 +1,14 @@
-<div class="bx-account-unit bx-def-unit absolute bx-def-margin-bottom bx-def-margin-sec-right">
-    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size">
-        <a class="bx-def-font-align-center" href="__content_url__">
-            <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+<div class="bx-account-unit bx-def-unit flex items-center mb-4 mr-2">
+    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size flex-none">
+        <a class="text-center" href="__content_url__">
+            <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
         </a>
         <bx_if:show_online>
             <div class="bx-account-unit-online"></div>
         </bx_if:show_online>
     </div>
-    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height bx-def-__size__-size-left-indent">
-        <div class="bx-def-unit-info-cnt bx-def-box-sizing">
+    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height flex items-center ml-4">
+        <div class="bx-def-unit-info-cnt box-border">
             <div class="bx-def-unit-line">
                 <a class="bx-def-unit-info-title" href="__content_url__">__title__</a>
             </div>

template/account_unit_wo_info.html

@@ -1,7 +1,7 @@
-<div class="bx-account-unit-wo-info bx-def-__size__-size bx-def-font-align-center">
+<div class="bx-account-unit-wo-info bx-def-__size__-size text-center">
     <div class="bx-def-unit-img bx-def-__size__-size">
-        <a class="bx-def-font-align-center" href="__content_url__">
-            <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+        <a href="__content_url__">
+            <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
         </a>
         <bx_if:show_online>
             <div class="bx-account-unit-online"></div>

template/account_unit_wo_info_links.html

@@ -1,6 +1,6 @@
-<div class="bx-account-unit-wo-info bx-def-__size__-size bx-def-font-align-center">
+<div class="bx-account-unit-wo-info bx-def-__size__-size text-center">
     <div class="bx-def-unit-img bx-def-__size__-size">
-        <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+        <p class="bx-account-unit-thumb bx-def-__size__ bx-def-__size__-size flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>
         <bx_if:show_online>
             <div class="bx-account-unit-online"></div>
         </bx_if:show_online>

template/css/general.css

@@ -217,37 +217,10 @@
 
 /* --------------- 'Add to Homescreen' popup */
 .ath-container {
-	color: #333;
+    color: #333;
 }
 
 /* --------------- Account */
-p.bx-account-unit-thumb {
-    display: block;
-    margin: 0px;
-
-    background: #ffffff;
-    background-clip: padding-box;
-    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);
-
-    line-height: 46px;
-    line-height: 2.9rem;
-
-    font-size: 32px;
-    font-size: 2.0rem;
-    font-weight: 700;
-    color: #d0d0d0;
-}
-p.bx-account-unit-thumb.bx-def-icon-size {
-    line-height: 26px;
-    line-height: 1.75rem;
-
-    font-size: 19.5px;
-    font-size: 1.3rem;
-}
-p.bx-account-unit-thumb.bx-def-border {
-    border-width: 2px;
-    border-color: #ffffff;
-}
 div.bx-account-unit-online {
     position: absolute;
     right: 0;

template/profile_unit.html

@@ -1,8 +1,8 @@
-<div class="bx-def-unit absolute bx-def-margin-bottom bx-def-margin-sec-right">
-    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size">
-        <img class="bx-def-__size__ bx-def-__size__-size" src="__thumb_url__" />
+<div class="bx-def-unit flex items-center mb-4 mr-2">
+    <div class="bx-def-unit-img bx-def-__size__ bx-def-__size__-size flex-none">
+        <img class="bx-def-__size__ bx-def-__size__-size rounded-full" src="__thumb_url__" />
     </div>
-    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height bx-def-__size__-size-left-indent">
+    <div class="bx-def-unit-info bx-def-__size__-size-min-height bx-def-__size__-size-max-height flex items-center ml-4">
         <div class="bx-def-unit-info-cnt bx-def-box-sizing">
             <div class="bx-def-unit-line bx-def-unit-info-title">__title__</div>
         </div>