Merge pull request #326 from abhinavkrin/fix/fullscreen-styling

Fix/fullscreen styling
RocketChat · Nov 22, 2023 · 4010954 · 4010954
2 parents 6c8c109 + 8fb5ee0
commit 4010954
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @embeddedchat/react
 
+## 0.1.9
+
+### Patch Changes
+
+- Fixed fullscreen styling
+
 ## 0.1.8
 
 ### Patch Changes

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@embeddedchat/react",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "React component library for embedding Rocket.Chat in React applications, providing customizable and feature-rich chat interfaces with easy React integration.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

diff --git a/packages/react/src/components/EmbeddedChat.styles.js b/packages/react/src/components/EmbeddedChat.styles.js
@@ -2,6 +2,7 @@ import { css } from '@emotion/react';
 
 export const styles = {
   embeddedchat: css`
+    background: #fff;
     display: flex;
     flex-direction: column;
     overflow: hidden;
@@ -11,7 +12,10 @@ export const styles = {
     position: fixed;
     top: 0;
     left: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-width: unset !important;
+    max-height: unset !important;
+    background: #fff;
   `,
 };