From a123ab7adade2a4afd27d2d2bb753e04d79ee506 Mon Sep 17 00:00:00 2001 From: nsollazzo Date: Wed, 20 Dec 2023 17:50:03 +0100 Subject: [PATCH] Update chat widget style for improved responsiveness and visibility Set maximum width and height for the chat widget to enhance responsiveness and ensure proper visibility on various devices and screen sizes. This improves user experience and ensures the widget remains accessible. issue: #176 --- app/script/src/widget.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/script/src/widget.ts b/app/script/src/widget.ts index cc8f5d4f..d1c48ddb 100644 --- a/app/script/src/widget.ts +++ b/app/script/src/widget.ts @@ -14,6 +14,8 @@ export function createChatWidget( let widgetContainerStyle: WidgetContainerStyle = widgetContainer.style; widgetContainerStyle.boxSizing = "border-box"; widgetContainerStyle.height = "80vh"; + widgetContainerStyle.maxWidth = "90vw"; + widgetContainerStyle.maxHeight = "90vh"; widgetContainerStyle.position = "fixed"; widgetContainerStyle.display = "none"; widgetContainerStyle.zIndex = "99999999";