From 46a52c6ad22c8aa34499915a8d4b1a6a511a811a Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Mon, 8 Feb 2021 23:42:22 +0000
Subject: [PATCH] MDL-69883 message: fix lazy loading of conversations.

Set max-height on each container section rather than the container
itself, so that each can respond to the scrollBottom event within
the lazy loading module (which handles the overflow itself).
---
 theme/boost/scss/moodle/message.scss | 5 +++--
 theme/boost/style/moodle.css         | 5 ++---
 theme/classic/style/moodle.css       | 5 ++---
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/theme/boost/scss/moodle/message.scss b/theme/boost/scss/moodle/message.scss
index fff7cd4b5ad..593673ac091 100644
--- a/theme/boost/scss/moodle/message.scss
+++ b/theme/boost/scss/moodle/message.scss
@@ -659,8 +659,9 @@ $message-day-color: color-yiq($message-app-bg) !default;
         height: 100%;
         margin-top: 0;
         .conversationcontainer {
-            max-height: calc(100vh - 50px);
-            overflow: auto;
+            .section {
+                max-height: calc(100vh - 50px);
+            }
         }
         div[role="main"] {
             height: 100%;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 413b7f8e547..f212f9b7f3c 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -15433,9 +15433,8 @@ a.ygtvspacer:hover {
 #page-message-index #region-main {
   height: 100%;
   margin-top: 0; }
-  #page-message-index #region-main .conversationcontainer {
-    max-height: calc(100vh - 50px);
-    overflow: auto; }
+  #page-message-index #region-main .conversationcontainer .section {
+    max-height: calc(100vh - 50px); }
   #page-message-index #region-main div[role="main"] {
     height: 100%; }
     #page-message-index #region-main div[role="main"] #maincontent {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 63cf27641ef..b3fcf31d85a 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -15649,9 +15649,8 @@ a.ygtvspacer:hover {
 #page-message-index #region-main {
   height: 100%;
   margin-top: 0; }
-  #page-message-index #region-main .conversationcontainer {
-    max-height: calc(100vh - 50px);
-    overflow: auto; }
+  #page-message-index #region-main .conversationcontainer .section {
+    max-height: calc(100vh - 50px); }
   #page-message-index #region-main div[role="main"] {
     height: 100%; }
     #page-message-index #region-main div[role="main"] #maincontent {
-- 
2.11.4.GIT