From 7124fd652fdff03fbfd5a788ac1200fe4c84fe7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vincent=20Moitti=C3=A9?= <moittie.vincent@gmail.com>
Date: Wed, 2 Oct 2024 10:45:13 +0200
Subject: [PATCH] Update width of AIChatDrawer

---
 src/components/drawer/AIChatDrawer.vue         | 2 ++
 src/layouts/ModelizerDrawLayout.vue            | 4 ++--
 src/layouts/ModelizerTextLayout.vue            | 2 +-
 tests/unit/layouts/ModelizerDrawLayout.spec.js | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/drawer/AIChatDrawer.vue b/src/components/drawer/AIChatDrawer.vue
index 90ed75b6d..9a14507b2 100644
--- a/src/components/drawer/AIChatDrawer.vue
+++ b/src/components/drawer/AIChatDrawer.vue
@@ -2,6 +2,7 @@
   <div
     data-cy="ai-chat-panel"
     class="column full-height full-width"
+    style="overflow-x: hidden"
   >
     <div class="row q-px-md justify-between items-center">
       <span class="text-overline q-item__label--header">
@@ -19,6 +20,7 @@
     <div
       ref="scrollContainer"
       class="flex-1 q-pa-sm scroll-y"
+      style="word-break: break-all;"
     >
       <div class="flex justify-center q-mb-md">
         <q-btn
diff --git a/src/layouts/ModelizerDrawLayout.vue b/src/layouts/ModelizerDrawLayout.vue
index 6d9bba6a0..44b710b3f 100644
--- a/src/layouts/ModelizerDrawLayout.vue
+++ b/src/layouts/ModelizerDrawLayout.vue
@@ -13,7 +13,7 @@
     <q-page-container>
       <q-splitter
         v-model="splitter"
-        :limits="[50, 100]"
+        :limits="[25, 100]"
         separator-class="separator-class"
         :class="isVisible ? '' : 'splitter-invisible'"
         :style="{ height: `calc(100vh - ${reservedHeight + 70}px)` }"
@@ -134,7 +134,7 @@ function onDrawerEvent({ key, type, id }) {
   componentId.value = id || null;
   splitterKey.value = key;
   isVisible.value = type === 'open';
-  splitter.value = type === 'open' ? 75 : 100;
+  splitter.value = type === 'open' ? 60 : 100;
 }
 
 onMounted(() => {
diff --git a/src/layouts/ModelizerTextLayout.vue b/src/layouts/ModelizerTextLayout.vue
index e430d5f86..d1d26c5a9 100644
--- a/src/layouts/ModelizerTextLayout.vue
+++ b/src/layouts/ModelizerTextLayout.vue
@@ -7,7 +7,7 @@
     <q-page-container>
       <q-splitter
         v-model="splitter"
-        :limits="[50, 100]"
+        :limits="[30, 100]"
         separator-class="separator-class"
         :style="{ height: `calc(100vh - ${reservedHeight + 70}px)` }"
       >
diff --git a/tests/unit/layouts/ModelizerDrawLayout.spec.js b/tests/unit/layouts/ModelizerDrawLayout.spec.js
index c77b467b8..1a7b1f0d3 100644
--- a/tests/unit/layouts/ModelizerDrawLayout.spec.js
+++ b/tests/unit/layouts/ModelizerDrawLayout.spec.js
@@ -137,7 +137,7 @@ describe('Test page component: ModelizerDrawLayout', () => {
       expect(wrapper.vm.componentId).toEqual('id_1');
       expect(wrapper.vm.splitterKey).toEqual('test');
       expect(wrapper.vm.isVisible).toEqual(true);
-      expect(wrapper.vm.splitter).toEqual(75);
+      expect(wrapper.vm.splitter).toEqual(60);
 
       wrapper.vm.onDrawerEvent({ key: 'test2', type: 'close' });
       expect(wrapper.vm.componentId).toEqual(null);