From 28132b5b2555e9a0d84f34c84a24a5958cbf57d1 Mon Sep 17 00:00:00 2001
From: Ghazi Triki <ghazi.triki@riadvice.tn>
Date: Wed, 15 May 2019 18:04:00 +0100
Subject: [PATCH] Fix media and action bar styles for RTL.

---
 .../imports/ui/components/actions-bar/styles.scss    | 12 ++++++++++++
 .../imports/ui/components/media/styles.scss          |  6 ++++++
 2 files changed, 18 insertions(+)

diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
index 8dc4421e38..2238f885d1 100755
--- a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
@@ -28,6 +28,12 @@
   @include mq($small-only) {
     bottom: var(--sm-padding-x);
     left: var(--sm-padding-x);
+    right: auto;
+
+    [dir="rtl"] & {
+      left: auto;
+      right: var(--sm-padding-x);
+    }
   }
 }
 
@@ -35,6 +41,12 @@
   position: absolute;
   bottom: var(--sm-padding-x);
   right: var(--sm-padding-x);
+  left: auto;
+
+  [dir="rtl"] & {
+    right: auto;
+    left: var(--sm-padding-x);
+  }
 }
 
 .centerWithActions {
diff --git a/bigbluebutton-html5/imports/ui/components/media/styles.scss b/bigbluebutton-html5/imports/ui/components/media/styles.scss
index 32e9171f0d..333bc57b98 100644
--- a/bigbluebutton-html5/imports/ui/components/media/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/media/styles.scss
@@ -54,6 +54,7 @@
     position: fixed;
     margin: 0;
     bottom: .8rem;
+    left: auto;
     right: .8rem;
     width: var(--overlay-width);
     min-width: var(--overlay-min-width);
@@ -61,5 +62,10 @@
     height: calc(var(--overlay-width) / var(--overlay-ratio));
     min-height: calc(var(--overlay-min-width) / var(--overlay-ratio));
     max-height: calc(var(--overlay-max-width) / var(--overlay-ratio));
+
+    [dir="rtl"] & {
+      right: auto;
+      left: .8rem;
+    }
   }
 }