publish muk_web_theme_mail - 12.0

muk_web_theme_mail/__manifest__.py

@@ -19,7 +19,7 @@
 {
     "name": "MuK Backend Theme Mail", 
     "summary": "Backend Theme Mail",
-    "version": "12.0.1.1.0",
+    "version": "12.0.1.1.1",
     'category': 'Extra Tools',
     "license": "AGPL-3",
     "author": "MuK IT",

muk_web_theme_mail/static/description/index.html

@@ -15,10 +15,13 @@
 	<div class="oe_row oe_spaced">
 		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
 			<h3 class="oe_slogan">Overview</h3>
-			<p class="oe_mt32">This module complements the <a
+			<p class="oe_mt32">
+				This module complements the <a
 					href="https://www.odoo.com/apps/themes/12.0/muk_web_theme/"
-					target="_blank">Backend Theme</a> module by
-				customizing the chatter to better integrate with the theme.</p>
+					target="_blank">Backend Theme</a> module by customizing the chatter
+				to better integrate with the theme. In addition, this module offers
+				a better user experience for the chatter on mobile devices.
+			</p>
 		</div>
 	</div>
 </section>

muk_web_theme_mail/static/src/scss/chatter.scss

@@ -73,16 +73,13 @@
 .mk_chatter_position_sided {
 	@include media-breakpoint-up(xxl, $o-extra-grid-breakpoints) {
         .o_form_view:not(.o_form_nosheet) > .o_chatter {
-			.o_chatter_topbar,
-            .o_thread_composer {
-                background-color: $o-view-background-color;  
-                position: sticky; 
-                z-index: 2;     
-                top: -1px;
-            }
             .o_chatter_topbar {
+                top: -1px;
+                z-index: 2;    
             	height: auto;
+                position: sticky;  
                 flex-wrap: wrap-reverse;
+                background-color: $o-view-background-color;  
                	margin-top: $grid-gutter-width*  0.25;
                 > .o_topbar_right_area {
                     max-width: 100%; 
@@ -93,7 +90,6 @@
                 	justify-content: space-between;
                 	border-bottom: 1px solid gray('300');
                     .o_followers {
-                        display: initial !important;
     					margin-bottom: 0;
                     }
             	}
@@ -107,15 +103,13 @@
                 .o_chatter_button_attachment {
                		margin-right: 5px;
                 }
-               	.o_topbar_right_area {
-               		position: relative;
-                	top: 1px;
-               	}
             }
             .o_thread_composer {
+                position: sticky; 
             	border: 1px solid gray('300');
-                top: $o-statusbar-height;
-                z-index: 1;
+                background-color: $o-view-background-color; 
+                z-index: 1; 
+                top: 68px;
             }
         }
     }