Automatically scroll to the last message

app/assets/javascripts/new_design/messagerie.js

@@ -0,0 +1,8 @@
+TPS.scrollMessagerie = function () {
+  var $ul = $(".messagerie ul").first();
+  if($ul.length) {
+    $ul.scrollTop($ul.prop('scrollHeight'));
+  }
+};
+
+document.addEventListener("turbolinks:load", TPS.scrollMessagerie);

app/assets/stylesheets/new_design/messagerie.scss

@@ -3,6 +3,14 @@
 @import "constants";
 
 .messagerie {
+  ul {
+    max-height: 350px;
+    overflow-y: scroll;
+    border: 1px solid $border-grey;
+    padding: 2 * $default-spacer;
+    margin-bottom: $default-spacer;
+  }
+
   li {
     display: flex;
     align-items: flex-start;