Ticket #4876 - Artifcier Padding/Margin Spacing issue in RTL Language Mods.

modules/boonex/artificer/data/template/mod_profile/css/main.css

@@ -177,9 +177,16 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li {
     margin-right: 1.25rem;
 }
+.bx-dir-rtl .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li {
+    margin-left: 1.25rem;
+    margin-right: 0;
+}
 .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li:last-child {
     margin-right: 0;
 }
+.bx-dir-rtl .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li:last-child {
+    margin-left: 0;
+}
 .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor li .sys-meta-div {
     display: none;
 }

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

@@ -1,4 +1,4 @@
-<ul id="__html_id__" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex items-stretch space-y-0 space-x-3">
+<ul id="__html_id__" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex items-stretch space-y-0 space-x-3 rtl:space-x-reverse">
     <bx_repeat:menu_items>
         <li class="bx-menu-item bx-menu-item-__name____class__ bx-stl-mil-wo-gaps-sm bx-stl-mib group">__item__</li>
     </bx_repeat:menu_items>

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

@@ -1,4 +1,4 @@
 <span class="__class_wrp__ truncate">
-    <a class="__class_link__ bx-stl-mil-gaps-sm flex flex-row flex-nowrap sm:items-center" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><span class="bx-mi-icon flex items-center justify-center h-5 w-5"><bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon><bx_if:image><img class="h-5 w-5" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image></span><bx_if:title><span class="bx-mi-text ml-1.5 first:ml-0 whitespace-nowrap truncate">__title__</span></bx_if:title></a>
+    <a class="__class_link__ bx-stl-mil-gaps-sm flex flex-row flex-nowrap sm:items-center" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__><span class="bx-mi-icon flex items-center justify-center h-5 w-5"><bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon><bx_if:image><img class="h-5 w-5" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image></span><bx_if:title><span class="bx-mi-text ltr:ml-1.5 ltr:first:ml-0 rtl:mr-1.5 rtl:first:mr-0 whitespace-nowrap truncate">__title__</span></bx_if:title></a>
     <bx_if:addon>__addon__</bx_if:addon>
 </span>

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

@@ -1,4 +1,4 @@
 <span class="group flex items-center p-1 border-none rounded-full text-gray-500 dark:text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600">
     <span class="sys-action-counter-icon relative flex items-center justify-center ring-1  h-6 w-6 rounded-full ring-white dark:ring-gray-700 bg-gray-200 dark:bg-gray-700">__icon__</span>
-    <span class="sys-action-counter-text ml-1">__caption__</span>
+    <span class="sys-action-counter-text ltr:ml-1 rtl:mr-1">__caption__</span>
 </span>

modules/boonex/artificer/template/color_scheme_switcher.html

@@ -1,4 +1,4 @@
-<div class="bx-sb-theme-switcher absolute h-10 top-0 right-4 leading-10">
+<div class="bx-sb-theme-switcher absolute h-10 top-0 ltr:right-4 rtl:left-4 leading-10">
     <a class="hover:no-underline" href="javascript:" onclick="oBxArtificerUtils.getColorSchemeMenu()"><i class="sys-icon desktop"></i></a>
 </div>
 __popup__

modules/boonex/reputation/template/block_summary.html

@@ -2,11 +2,11 @@
     <div class="bx-reputation-s-profile-icon">__profile_image__</div>
     <div class="bx-reputation-s-profile-name mt-2 text-xl">__profile_name__</div>
     <div class="bx-reputation-s-points mt-2"><span class="mr-2 text-2xl font-bold">__points__</span><span><bx_text:_bx_reputation_txt_points /></span></div>
-    <div class="bx-reputation-s-levels flex mt-2 space-x-4">
+    <div class="bx-reputation-s-levels flex mt-2 space-x-4 rtl:space-x-reverse">
         <bx_repeat:levels>
             <div class="bx-reputation-s-level flex items-center">
                 <bx_if:icon>
-                    <div class="bx-reputation-sl-icon mr-1">
+                    <div class="bx-reputation-sl-icon ltr:mr-1 rtl:ml-1">
                         <bx_if:icon_font><i class="sys-icon __icon__"></i></bx_if:icon_font>
                         <bx_if:icon_html>__icon__</bx_if:icon_html>
                     </div>

template/css/tailwind.css

@@ -270,7 +270,7 @@
         @apply ml-2 first:ml-0;
     }
     .bx-artificer .bx-def-margin-sec-left-auto.bx-dir {
-        @apply ltr:ml-2 ltr:first:ml-0 rtl:mr-2 rtl:first:mr-0;
+        @apply rtl:ml-0 rtl:mr-2 rtl:first:mr-0;
     }
     .bx-artificer .bx-def-margin-sec-right {
         @apply mr-2;
@@ -1127,18 +1127,18 @@
     .bx-stl-mil-sm .sys-action-do-icon:last-child > *,
     .bx-stl-mil-wo-gaps .sys-action-do-icon:last-child > *,
     .bx-stl-mil-wo-gaps-sm .sys-action-do-icon:last-child > * {
-        @apply mr-0;
+        @apply ltr:mr-0 rtl:ml-0;
     }
     .bx-stl-mil .sys-action-do-icon ~ .sys-action-do-text,
     .bx-stl-mil-sm .sys-action-do-icon ~ .sys-action-do-text,
     .bx-stl-mil-wo-gaps .sys-action-do-icon ~ .sys-action-do-text,
     .bx-stl-mil-wo-gaps-sm .sys-action-do-icon ~ .sys-action-do-text {
-        @apply ml-0; 
+        @apply ltr:ml-0 rtl:mr-0;
     }
     .bx-stl-mii-sm > *,
     .bx-stl-mil-sm .sys-action-do-icon > *,
     .bx-stl-mil-wo-gaps-sm .sys-action-do-icon > * {
-        @apply h-5 w-5 mr-1.5 text-sm;
+        @apply h-5 w-5 ltr:mr-1.5 rtl:ml-1.5 text-sm;
     }
     .bx-stl-mit {
         @apply truncate;