From e7b53d34ebcc70e4eea419801769011466fe9398 Mon Sep 17 00:00:00 2001
From: KDSBrowne <kert.browne85@gmail.com>
Date: Tue, 17 Sep 2019 15:07:31 +0000
Subject: [PATCH] fix position of audio permission modal in RTL (chrome /
firefox)
---
.../audio/permissions-overlay/styles.scss | 15 ++++++++++-----
1 file changed, 10 insertions(+), 5 deletions(-)
diff --git a/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/styles.scss b/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/styles.scss
index e6fe67e30a..6789c3f97b 100644
--- a/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/styles.scss
@@ -16,6 +16,7 @@
--arrow-left: -20px;
--arrow-top-edge: -2.5rem;
--arrow-left-edge: -21rem;
+ --rtl-hint-top: 15rem;
}
@mixin arrowIconStyle() {
@@ -55,6 +56,12 @@
}
}
+@mixin useRTLPosition() {
+ right: none;
+ left: none;
+ top: var(--rtl-hint-top);
+}
+
@mixin positionHint() {
:global(.browser-edge) & {
left: var(--position-left-edge);
@@ -72,8 +79,7 @@
right: auto;
[dir="rtl"] & {
- right: var(--position-left-firefox-left-edge);
- left: auto;
+ @include useRTLPosition();
}
}
:global(.browser-chrome) & {
@@ -82,8 +88,7 @@
right: auto;
[dir="rtl"] & {
- left: auto;
- right: var(--position-left-chrome);
+ @include useRTLPosition();
}
}
:global(.browser-safari) & {
@@ -158,7 +163,7 @@
width: 340px;
[dir="rtl"] & {
- padding-right: 0 var(--jumbo-padding-x) 0 0;
+ padding: 0 var(--jumbo-padding-x) 0 0;
}
small {
--
GitLab