Merge a8158e5 into df4e776

microsoft · Feb 6, 2019 · 2015fc8 · 2015fc8
2 parents df4e776 + a8158e5
commit 2015fc8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/packages/component/src/Styles/StyleSet/Root.js b/packages/component/src/Styles/StyleSet/Root.js
@@ -1,5 +1,11 @@
-export default function ({ backgroundColor }) {
+export default function ({
+  backgroundColor,
+  rootHeight,
+  rootWidth
+}) {
   return {
-    backgroundColor
+    backgroundColor,
+    height: rootHeight,
+    width: rootWidth
   };
 }
diff --git a/packages/component/src/Styles/defaultStyleSetOptions.js b/packages/component/src/Styles/defaultStyleSetOptions.js
@@ -40,6 +40,10 @@ const DEFAULT_OPTIONS = {
   bubbleMinWidth: 250, // min screen width = 300px, Edge requires 372px (https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/13621468/)
   bubbleTextColor: 'Black',
 
+  // Root
+  rootHeight: '100%',
+  rootWidth: '100%',
+
   // Send box
   hideSendBox: false,
   hideUploadButton: false,

diff --git a/samples/01.a.getting-started-full-bundle/README.md b/samples/01.a.getting-started-full-bundle/README.md
@@ -89,7 +89,7 @@ Finally, add desired styling.
 + html, body { height: 100% }
 + body { margin: 0 }
 
-+ #webchat, #webchat > * {
++ #webchat {
 +   height: 100%;
 +   width: 100%;
 + }

diff --git a/samples/01.a.getting-started-full-bundle/index.html b/samples/01.a.getting-started-full-bundle/index.html
@@ -12,8 +12,7 @@
       html, body { height: 100% }
       body { margin: 0 }
 
-      #webchat,
-      #webchat > * {
+      #webchat {
         height: 100%;
         width: 100%;
       }