From bdf754c0d839e4847326e99be47733f440e68d79 Mon Sep 17 00:00:00 2001
From: Mathieu Magnin <mathieu.magnin@gmail.com>
Date: Fri, 8 Sep 2017 16:54:25 +0200
Subject: [PATCH] Automatically scroll to the last message

---
 app/assets/javascripts/new_design/messagerie.js   | 8 ++++++++
 app/assets/stylesheets/new_design/messagerie.scss | 8 ++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 app/assets/javascripts/new_design/messagerie.js

diff --git a/app/assets/javascripts/new_design/messagerie.js b/app/assets/javascripts/new_design/messagerie.js
new file mode 100644
index 000000000..1b8d1d324
--- /dev/null
+++ b/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);
diff --git a/app/assets/stylesheets/new_design/messagerie.scss b/app/assets/stylesheets/new_design/messagerie.scss
index a9bc70038..d597ac165 100644
--- a/app/assets/stylesheets/new_design/messagerie.scss
+++ b/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;