Merge pull request #255 from Wolox/fix/widget-close-size

CrisVega08 · web-flow · commit cd1bb301d305 · 2021-06-01T09:17:12.000-05:00
Fix widget size when closed
diff --git a/src/components/Widget/layout.tsx b/src/components/Widget/layout.tsx
@@ -114,7 +114,8 @@ function WidgetLayout({
     <div
       className={cn('rcw-widget-container', {
         'rcw-full-screen': fullScreenMode,
-        'rcw-previewer': imagePreview
+        'rcw-previewer': imagePreview,
+        'rcw-close-widget-container ': !showChat
         })
       }
     >
diff --git a/src/components/Widget/style.scss b/src/components/Widget/style.scss
@@ -27,3 +27,8 @@
 .rcw-previewer .rcw-message-img {
   cursor: pointer;
 }
+
+.rcw-close-widget-container {
+  height: max-content;
+  width: max-content;
+}

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,8 @@ function WidgetLayout({`
`114`	`114`	`<div`
`115`	`115`	`className={cn('rcw-widget-container', {`
`116`	`116`	`'rcw-full-screen': fullScreenMode,`
`117`		`- 'rcw-previewer': imagePreview`
	`117`	`+ 'rcw-previewer': imagePreview,`
	`118`	`+ 'rcw-close-widget-container ': !showChat`
`118`	`119`	`})`
`119`	`120`	`}`
`120`	`121`	`>`
Original file line number	Diff line number	Diff line change
`@@ -27,3 +27,8 @@`
`27`	`27`	`.rcw-previewer .rcw-message-img {`
`28`	`28`	`cursor: pointer;`
`29`	`29`	`}`
	`30`	`+`
	`31`	`+.rcw-close-widget-container {`
	`32`	`+ height: max-content;`
	`33`	`+ width: max-content;`
	`34`	`+}`