From ac4f267272696062e256671c7c34f4363b87eb01 Mon Sep 17 00:00:00 2001
From: RisvanaCybro <risvana@cybrosys.info>
Date: Mon, 3 Jun 2024 11:22:44 +0530
Subject: [PATCH] Jun 03: [FIX] Bug Fixed 'advanced_chatter_view'

---
 .../static/src/css/chatter_topbar.css         | 17 ++++--
 .../static/src/xml/chatter_container.xml      | 56 +++++++++++--------
 2 files changed, 46 insertions(+), 27 deletions(-)

diff --git a/advanced_chatter_view/static/src/css/chatter_topbar.css b/advanced_chatter_view/static/src/css/chatter_topbar.css
index 460c7ad79..dec83d94d 100644
--- a/advanced_chatter_view/static/src/css/chatter_topbar.css
+++ b/advanced_chatter_view/static/src/css/chatter_topbar.css
@@ -12,10 +12,8 @@
 }
 
 .o_ChatterContainer{
-    display: grid;
-    padding-bottom: 555px;
-    margin-bottom: -81px;
-    margin-top: 70px;
+    padding-bottom: 438px;
+    padding-top: 93px;
 }
 
 .hide {
@@ -28,6 +26,17 @@
 .o_form_editable {
     flex-direction: row!important;
 }
+.o_FormRenderer_chatterContainer.o-aside .o_ChatterContainer {
+    max-width: 40rem;
+}
+.o_ChatterTopbar.justify-content-between.d-flex.o_Chatter_topbar {
+    padding-right: 45px;
+}
+.o_ChatterContainer_class {
+    display: grid;
+    gap: 3rem;
+}
+
 
 @media(max-width:768px){
     .o_form_editable {
diff --git a/advanced_chatter_view/static/src/xml/chatter_container.xml b/advanced_chatter_view/static/src/xml/chatter_container.xml
index 12a6b0a3d..60873ab44 100644
--- a/advanced_chatter_view/static/src/xml/chatter_container.xml
+++ b/advanced_chatter_view/static/src/xml/chatter_container.xml
@@ -5,34 +5,44 @@
        t-inherit="mail.ChatterContainer"
        t-inherit-mode="extension"
        owl="1">
-            <xpath expr="//div[hasclass('o_ChatterContainer')]" position="replace">
-                <div class="o_ChatterContainer" t-att-class="{ 'o-isInFormSheetBg mx-auto': props.isInFormSheetBg }"
-                     t-attf-class="{{ props.className }}" data-command-category="mail" t-ref="root">
-                    <button class="cross fa fa-times d-none"
-                                    style="width: 30px; margin-left: auto; height: 30px;"
-                                    t-on-click="_onClickCross"/>
-            <t t-if="chatter and chatter.thread">
+            <xpath expr="//div[hasclass('o_ChatterContainer')]"
+                   position="replace">
+                <div class="o_ChatterContainer"
+                     t-att-class="{ 'o-isInFormSheetBg mx-auto': props.isInFormSheetBg }"
+                     t-attf-class="{{ props.className }}"
+                     data-command-category="mail" t-ref="root">
+                    <div class="o_ChatterContainer_class">
+                        <button class="cross btn-close d-none"
+                                style="margin-left: auto; width: 50px;"
+                                t-on-click="_onClickCross"/>
+                        <t t-if="chatter and chatter.thread">
                 <!--  button to view send message chatter-->
-                <button class="icon  bi bi-chat-left-text" id="send_message"
-                        type="button" style="color: #FA035A;"
-                        t-on-click="_onClickSendMessage"/>
-                <div class="hide" style="color: #FA035A;">Message</div>
-                <!--   button to view log note chatter-->
-                <button class="icon bi bi-journal-text" id="log_note"
-                        type="button" style="color: #24A72F;"
-                        t-on-click="_onClickLogNote"/>
-                <div class="hide" style="color: #24A72F;">Log Note</div>
-                <!-- button to view activity box-->
-                <button class="icon bi bi-clock-history" id="active"
-                        type="button" style="color: #0349F6;"
-                        t-on-click="_onClickActive"/>
-                <div class="hide" style="color: #0349F6;">Activities</div>
-                <Chatter record="chatter"/>
+                            <button class="icon  bi bi-chat-left-text"
+                                    id="send_message"
+                                    type="button" style="color: #FA035A;"
+                                    t-on-click="_onClickSendMessage"/>
+                            <div class="hide"
+                                 style="color: #FA035A;">Message</div>
+                            <!--   button to view log note chatter-->
+                            <button class="icon bi bi-journal-text"
+                                    id="log_note"
+                                    type="button" style="color: #24A72F;"
+                                    t-on-click="_onClickLogNote"/>
+                            <div class="hide"
+                                 style="color: #24A72F;">Log Note</div>
+                            <!-- button to view activity box-->
+                            <button class="icon bi bi-clock-history" id="active"
+                                    type="button" style="color: #0349F6;"
+                                    t-on-click="_onClickActive"/>
+                            <div class="hide"
+                                 style="color: #0349F6;">Activities</div>
+                            <Chatter record="chatter"/>
             </t>
-                    <t t-else="">
+                        <t t-else="">
                 <div class="o_ChatterContainer_noChatter flex-grow-1 align-items-center justify-content-center d-flex"><i class="o_ChatterContainer_noChatterIcon fa fa-circle-o-notch fa-spin me-2"/>
                     Please wait...</div>
             </t>
+                    </div>
         </div>
             </xpath>
     </t>