UX: adjusts RTL composer presence avatar alignment

UX: adjusts RTL composer presence avatar alignment

context: User is typing misaligned and mixed with "reply" choices with RTL - ux - Discourse Meta

This commit adds a temporary fix for presence avatar overlap in the composer for RTL.

More context on TMP here: Moving the voting box to the right side of the screen - voting - Discourse Meta

diff --git a/plugins/discourse-presence/assets/stylesheets/presence.scss b/plugins/discourse-presence/assets/stylesheets/presence.scss
index fdd8de2..f3b9261 100644
--- a/plugins/discourse-presence/assets/stylesheets/presence.scss
+++ b/plugins/discourse-presence/assets/stylesheets/presence.scss
@@ -74,3 +74,23 @@
     }
   }
 }
+
+// TMP: RTL overrides
+.rtl {
+  span.presence-text {
+    margin-left: 2px;
+    margin-right: 5px;
+  }
+
+  .composer-fields .presence-users {
+    right: unset;
+    left: 95px;
+  }
+
+  &.mobile-view {
+    .composer-fields .presence-users {
+      right: unset;
+      left: 65px;
+    }
+  }
+}

GitHub sha: 27f7bd42

This commit has been mentioned on Discourse Meta. There might be relevant details there:

This commit has been mentioned on Discourse Meta. There might be relevant details there: