[FIX+IMP] web_responsive: Chatter Topbar + fix #1189 + added gif

web_responsive/static/src/css/web_responsive.scss

@@ -412,6 +412,10 @@ html .o_web_client .o_main .o_main_content {
                 .o_form_sheet_bg {
                     flex: 1 1 60%;
                     overflow: auto;
+
+                    > .o_form_sheet {
+                        min-width: unset;
+                    }
                 }
 
                 .o_chatter {
@@ -421,20 +425,21 @@ html .o_web_client .o_main .o_main_content {
                     min-width: 30%;
                     overflow: auto;
 
-                    .o_chatter_topbar,
-                    .o_thread_composer {
-                        position: sticky;
-                    }
-
-                    .o_chatter_topbar {
+                    .o_chatter_header_container {
+                        padding-top: $grid-gutter-width*0.5;
                         top: 0;
-                        z-index: 2;
+                        position: sticky;
                         background-color: $o-view-background-color;
-                    }
-
-                    .o_thread_composer {
-                        top: $o-statusbar-height;
                         z-index: 1;
+
+                        .o_chatter_topbar {
+                            margin-top: 0;
+                        }
+
+                        .o_attachments_previews {
+                            overflow: auto;
+                            max-height: $o-mail-attachment-image-size * 2 * 3;
+                        }
                     }
                 }
             }

web_responsive/static/src/js/web_responsive.js

@@ -11,6 +11,7 @@ odoo.define('web_responsive', function (require) {
     var FormRenderer = require('web.FormRenderer');
     var Menu = require("web.Menu");
     var RelationalFields = require('web.relational_fields');
+    var Chatter = require('mail.Chatter');
 
     /**
      * Reduce menu data to a searchable format understandable by fuzzy.js
@@ -352,6 +353,19 @@ odoo.define('web_responsive', function (require) {
         },
     });
 
+    // Chatter Hide Composer
+    Chatter.include({
+        _openComposer: function (options) {
+            if (this._composer &&
+                    options.isLog === this._composer.options.isLog &&
+                    this._composer.$el.is(':visible')) {
+                this._closeComposer(false);
+            } else {
+                this._super.apply(this, arguments);
+            }
+        }
+    });
+
     /**
      * Use ALT+SHIFT instead of ALT as hotkey triggerer.
      *

web_responsive/static/src/xml/form_view.xml

@@ -138,4 +138,14 @@
         </t>
     </t>
 
+    <t t-extend="mail.Chatter">
+        <t t-jquery=".o_chatter_topbar" t-operation="replace">
+            <div class="o_chatter_header_container">
+                <div class="o_chatter_topbar">
+                    <div class="o_topbar_right_area"/>
+                </div>
+            </div>
+        </t>
+    </t>
+
 </templates>