From b31d7b44517c04b455ee5dc302519ed9c6e104f8 Mon Sep 17 00:00:00 2001
From: Bettenbuk Zoltan <zoltan.bettenbuk@gmail.com>
Date: Wed, 10 Jul 2019 14:40:08 +0200
Subject: [PATCH] ref: remove createStyleSheet from dialog styles

---
 .../base/dialog/components/native/styles.js        | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/react/features/base/dialog/components/native/styles.js b/react/features/base/dialog/components/native/styles.js
index 99c310f00..5747e1906 100644
--- a/react/features/base/dialog/components/native/styles.js
+++ b/react/features/base/dialog/components/native/styles.js
@@ -3,7 +3,7 @@
 import { StyleSheet } from 'react-native';
 
 import { ColorSchemeRegistry, schemeColor } from '../../../color-scheme';
-import { BoxModel, ColorPalette, createStyleSheet } from '../../../styles';
+import { BoxModel, ColorPalette } from '../../../styles';
 
 import { PREFERRED_DIALOG_SIZE } from '../../constants';
 
@@ -50,7 +50,7 @@ export const bottomSheetStyles = {
     }
 };
 
-export const brandedDialog = createStyleSheet({
+export const brandedDialog = {
 
     /**
      * The style of bold {@code Text} rendered by the {@code Dialog}s of the
@@ -95,8 +95,12 @@ export const brandedDialog = createStyleSheet({
         flexDirection: 'row',
         justifyContent: 'center',
         padding: 30
+    },
+
+    overlayTouchable: {
+        ...StyleSheet.absoluteFillObject
     }
-});
+};
 
 /**
  * Reusable (colored) style for text in any branded dialogs.
@@ -107,7 +111,7 @@ const brandedDialogText = {
     textAlign: 'center'
 };
 
-export const inputDialog = createStyleSheet({
+export const inputDialog = {
     bottomField: {
         marginBottom: 0
     },
@@ -122,7 +126,7 @@ export const inputDialog = createStyleSheet({
         fontStyle: 'italic',
         margin: BoxModel.margin
     }
-});
+};
 
 /**
  * Default styles for the items of a {@code BottomSheet}-based menu.