MDL-67831 core_message: use space available for message index page

- the prevents the message reply box from being out of view when
a user has many conversations.

diff --git a/message/templates/message_index.mustache b/message/templates/message_index.mustache
index f47b39c..33e3ab6 100644 (file)
--- a/message/templates/message_index.mustache
+++ b/message/templates/message_index.mustache
@@ -43,7 +43,7 @@
 >
     <div class="container-fluid">
         <div class="row-fluid h-100 no-gutters">
-            <div class="col-4 d-flex flex-column">
+            <div class="col-4 d-flex flex-column conversationcontainer">
                 <div class="border-right h-100">
                     <div class="panel-header-container" data-region="panel-header-container">
                         {{> core_message/message_drawer_view_overview_header }}

diff --git a/theme/boost/scss/moodle/message.scss b/theme/boost/scss/moodle/message.scss
index 8388761..fff7cd4 100644 (file)
--- a/theme/boost/scss/moodle/message.scss
+++ b/theme/boost/scss/moodle/message.scss
@@ -651,15 +651,25 @@ $message-day-color: color-yiq($message-app-bg) !default;
         overflow-y: auto;
     }
 }
-#page-message-index #region-main {
-    height: 100%;
-    div[role="main"] {
+#page-message-index {
+    #page-header {
+        display: none;
+    }
+    #region-main {
         height: 100%;
-        #maincontent {
-            margin-top: -1px;
+        margin-top: 0;
+        .conversationcontainer {
+            max-height: calc(100vh - 50px);
+            overflow: auto;
         }
-        .message-app.main {
+        div[role="main"] {
             height: 100%;
+            #maincontent {
+                margin-top: -1px;
+            }
+            .message-app.main {
+                height: 100%;
+            }
         }
     }
 }

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 93f02cb..6c5cadd 100644 (file)
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -15316,8 +15316,15 @@ a.ygtvspacer:hover {
   .message-app .lazy-load-list {
     overflow-y: auto; }
 
+#page-message-index #page-header {
+  display: none; }
+
 #page-message-index #region-main {
-  height: 100%; }
+  height: 100%;
+  margin-top: 0; }
+  #page-message-index #region-main .conversationcontainer {
+    max-height: calc(100vh - 50px);
+    overflow: auto; }
   #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 02d840a..82151de 100644 (file)
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -15534,8 +15534,15 @@ a.ygtvspacer:hover {
   .message-app .lazy-load-list {
     overflow-y: auto; }
 
+#page-message-index #page-header {
+  display: none; }
+
 #page-message-index #region-main {
-  height: 100%; }
+  height: 100%;
+  margin-top: 0; }
+  #page-message-index #region-main .conversationcontainer {
+    max-height: calc(100vh - 50px);
+    overflow: auto; }
   #page-message-index #region-main div[role="main"] {
     height: 100%; }
     #page-message-index #region-main div[role="main"] #maincontent {