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

modules/boonex/artificer/data/template/mod_text/author.html

@@ -1,7 +1,7 @@
 <div class="sys-author-info flex justify-between items-center flex-wrap">
     <div class="sys-author bx-def-unit absolute flex items-center">
         <div class="bx-def-unit-img">__author_unit__</div>
-        <div class="bx-def-unit-info ml-4">
+        <div class="bx-def-unit-info ltr:ml-4 rtl:mr-4">
             <div class="bx-def-unit-info-cnt bx-def-box-sizing">
                 <div class="bx-def-unit-line bx-def-font-author"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
                 <div class="bx-def-unit-line bx-def-font-meta">__author_desc__</div>

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

@@ -1,4 +1,4 @@
 <span class="__class_wrp__">
-    <a class="__class_link__ flex flex-row 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-2 first:ml-0 whitespace-nowrap">__title__</span></bx_if:title></a>
+    <a class="__class_link__ flex flex-row 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 bx-def-margin-sec-left-auto bx-dir whitespace-nowrap">__title__</span></bx_if:title></a>
     <bx_if:addon>__addon__</bx_if:addon>
 </span>

modules/boonex/artificer/data/template/system/menu_custom_hor_sys_cmts_item_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 justify-start space-x-2 pb-3 md:pb-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 justify-start space-x-2 rtl:space-x-reverse pb-3 md:pb-4">
     <bx_repeat:menu_items>
         <li class="bx-menu-item bx-menu-item-__name____class__ bx-stl-mil-sm group">__item__</li>
     </bx_repeat:menu_items>

modules/boonex/timeline/template/repost_do_repost_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text ml-2 first:ml-0 whitespace-nowrap">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir whitespace-nowrap">__text__</span></bx_if:show_text></span>

template/comment.html

@@ -3,7 +3,7 @@
     <div class="__style_prefix__-cnt__class_cnt__ flex items-start">
         <div class="__style_prefix__-blink-plate"></div>
         <div class="__style_prefix__-avatar bx-def-thumb-size flex-none">__author_unit__</div>
-        <div class="__style_prefix__-info bx-def-thumb-size-min-height flex-auto min-w-0 pl-2 lg:pl-4">
+        <div class="__style_prefix__-info bx-def-thumb-size-min-height flex-auto min-w-0 ltr:pl-2 ltr:lg:pl-4 rtl:pr-2 rtl:lg:pr-4">
             <bx_if:show_notes>
                 <div class="__style_prefix__-notes mb-1">
                     <bx_repeat:notes>

template/comment_reply_box.html

@@ -4,7 +4,7 @@
             <bx_if:show_form_min>
                 <div class="__style_prefix__-body-min__class_body_min__ flex items-center">
                     <div class="__style_prefix__-bm-user">__author_unit__</div>
-                    <div class="__style_prefix__-bm-content w-full pl-2 lg:pl-4 text-sm text-gray-500 dark:text-gray-400 box-border">__placeholder__</div>
+                    <div class="__style_prefix__-bm-content w-full ltr:pl-2 ltr:lg:pl-4 rtl:pr-2 rtl:lg:pr-4 text-sm text-gray-500 dark:text-gray-400 box-border">__placeholder__</div>
                 </div>
             </bx_if:show_form_min>
             <div class="__style_prefix__-body__class_body__">__form__</div>

template/css/cmts.css

@@ -33,6 +33,10 @@ form.cmt-post-reply .bx-form-input-files-uploaders a.cmts-uploader-button {
     transform: translateY(-100%);  
     margin-top: 0px;
 }
+.bx-dir-rtl form.cmt-post-reply .bx-form-input-files-uploaders a.cmts-uploader-button {
+    left: 0px;
+    right: auto;
+}
 
 /*--- Comment ---*/
 span.cmt-reply-to a {

template/css/tailwind.css

@@ -269,6 +269,9 @@
     .bx-artificer .bx-def-margin-sec-left-auto {
         @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;
+    }
     .bx-artificer .bx-def-margin-sec-right {
         @apply mr-2;
     }

template/favorite_do_favorite_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span></bx_if:show_text></span>

template/feature_do_feature_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span></bx_if:show_text></span>

template/report_do_report_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center"><i class="sys-icon __name__"></i></span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center"><i class="sys-icon __name__"></i></span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span></bx_if:show_text></span>

template/score_do_vote_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span></bx_if:show_text></span>

template/view_do_view_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span></bx_if:show_text></span>

template/vote_do_vote_label_likes.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text ltr:ml-2 rtl:mr-2">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span></bx_if:show_text></span>

template/vote_do_vote_label_reactions.html

@@ -11,6 +11,6 @@
         </span>
     </bx_if:show_icon>
     <bx_if:show_text>
-        <span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span>
+        <span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto bx-dir">__text__</span>
     </bx_if:show_text>
 </span>