Jun 03: [FIX] Bug Fixed 'advanced_chatter_view'

advanced_chatter_view/static/src/css/chatter_topbar.css

@@ -12,10 +12,8 @@
 }
 
 .o_ChatterContainer{
-    display: grid;
+    padding-bottom: 438px;
-    padding-bottom: 555px;
+    padding-top: 93px;
-    margin-bottom: -81px;
-    margin-top: 70px;
 }
 
 .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 {

advanced_chatter_view/static/src/xml/chatter_container.xml

@@ -5,28 +5,37 @@
        t-inherit="mail.ChatterContainer"
        t-inherit-mode="extension"
        owl="1">
-            <xpath expr="//div[hasclass('o_ChatterContainer')]" position="replace">
+            <xpath expr="//div[hasclass('o_ChatterContainer')]"
-                <div class="o_ChatterContainer" t-att-class="{ 'o-isInFormSheetBg mx-auto': props.isInFormSheetBg }"
+                   position="replace">
-                     t-attf-class="{{ props.className }}" data-command-category="mail" t-ref="root">
+                <div class="o_ChatterContainer"
-                    <button class="cross fa fa-times d-none"
+                     t-att-class="{ 'o-isInFormSheetBg mx-auto': props.isInFormSheetBg }"
-                                    style="width: 30px; margin-left: auto; height: 30px;"
+                     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"
+                            <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>
+                            <div class="hide"
+                                 style="color: #FA035A;">Message</div>
                             <!--   button to view log note chatter-->
-                <button class="icon bi bi-journal-text" id="log_note"
+                            <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>
+                            <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>
+                            <div class="hide"
+                                 style="color: #0349F6;">Activities</div>
                             <Chatter record="chatter"/>
             </t>
                         <t t-else="">
@@ -34,6 +43,7 @@
                     Please wait...</div>
             </t>
                     </div>
+        </div>
             </xpath>
     </t>
 </templates>