fix(virtual-background): Prevent buttons repositioning on click action.

3 years ago · 5de6ef4a1b
parent a3b88c5a4e
commit 5de6ef4a1b
2 changed files with 5 additions and 1 deletions
--- a/css/modals/virtual-background/_virtual-background.scss
+++ b/css/modals/virtual-background/_virtual-background.scss
@ -201,3 +201,7 @@
    top: 40%;
    left: 45%;
 }
+
+.dialog-margin-top{
+    margin-top: 44px;
+}
--- a/react/features/virtual-background/components/VirtualBackgroundDialog.js
+++ b/react/features/virtual-background/components/VirtualBackgroundDialog.js
@ -397,7 +397,7 @@ function VirtualBackground({
                        showLabel = { previewIsLoaded }
                        storedImages = { storedImages } />}
                    <div
-                        className = 'virtual-background-dialog'
+                        className = { `virtual-background-dialog${previewIsLoaded ? '' : ' dialog-margin-top'}` }
                        role = 'radiogroup'
                        tabIndex = '-1'>
                        <Tooltip