From 8593b8607ce1e9a1ba72616781626c4a156c87db Mon Sep 17 00:00:00 2001
From: KDSBrowne <kert.browne85@gmail.com>
Date: Wed, 18 Sep 2019 18:02:29 +0000
Subject: [PATCH] center permission hint on safari
---
.../audio/permissions-overlay/styles.scss | 44 +++----------------
1 file changed, 6 insertions(+), 38 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 6789c3f97b..d2d6c28d43 100644
--- a/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/audio/permissions-overlay/styles.scss
@@ -7,7 +7,7 @@
--position-left-firefox: 22em;
--position-top-chrome: 5.5em;
--position-left-chrome: 18em;
- --position-top-safari: 100px;
+ --position-top-safari: 150px;
--position-left-safari-1280: 53em;
--position-left-safari-1440: 58em;
--position-left-safari-1680: 65em;
@@ -93,42 +93,10 @@
}
:global(.browser-safari) & {
top: var(--position-top-safari);
- @include mq($safari1280) {
- left: var(--position-left-safari-1280);
- right: auto;
-
- [dir="rtl"] & {
- left: auto;
- right: var(--position-left-safari-1280);
- }
- }
- @include mq($safari1440) {
- left: var(--position-left-safari-1440);
- right: auto;
-
- [dir="rtl"] & {
- right: var(--position-left-safari-1440);
- left: auto;
- }
- }
- @include mq($safari1680) {
- left: var(--position-left-safari-1680);
- right: auto;
-
- [dir="rtl"] & {
- right: var(--position-left-safari-1680);
- left: auto;
- }
- }
- @include mq($safari1920) {
- left: var(--position-left-safari-1920);
- right: auto;
-
- [dir="rtl"] & {
- right: var(--position-left-safari-1920);
- left: auto;
- }
- }
+ left:0;
+ right:0;
+ margin-left: auto;
+ margin-right: auto;
}
}
@@ -152,9 +120,9 @@
.hint {
@include positionHint();
+ position: absolute;
background: none;
box-shadow: none;
- position: absolute;
color: #fff;
font-size: 16px;
font-weight: 400;
--
GitLab