Merge branch '1744-style-ai-chat' into 'main'

dxp/issues#1744: only apply max-height functionality to inline chat

See merge request !14

modules/xi_ai_chat_helper/css/chat.css

@@ -28,6 +28,9 @@ deep-chat {
   border: none !important;
   background-color: #F7F6F5 !important;
   overflow: visible !important;
+}
+
+.inline-chat-container deep-chat {
   height: unset !important;
 }
 

modules/xi_ai_chat_helper/templates/xi-ai-deepchat.html.twig

 {{ attach_library('xi_ai_chat_helper/chat') }}
 
-{% set deepchat_settings = deepchat_settings|merge({
-  'data-max-height': settings.height
-}) %}
-
 {% if settings.placement is same as 'bottom-right' %}
 
   {{ attach_library('xi_ai_chat_helper/sticky-chat') }}
@@ -36,13 +32,19 @@
 
 {% else %}
 
+  {% set deepchat_settings = deepchat_settings|merge({
+    'data-max-height': settings.height
+  }) %}
+
   {# Inline Chat #}
-  <div class="ai_deepchat ai-deepchat {{ settings.placement }}" data-chat-id="xi-bot">
-    <div class="chat-element">
-      <deep-chat
-      {% for key, value in deepchat_settings %}{{ key }}='{{ value|raw }}'
-      {% endfor %}>
-      </deep-chat>
+  <div class="inline-chat-container">
+    <div class="ai_deepchat ai-deepchat {{ settings.placement }}" data-chat-id="xi-bot">
+      <div class="chat-element">
+        <deep-chat
+        {% for key, value in deepchat_settings %}{{ key }}='{{ value|raw }}'
+        {% endfor %}>
+        </deep-chat>
+      </div>
     </div>
   </div>