MDL-67831 core_message: use space available for message index page
authorBas Brands <bas@moodle.com>
Thu, 7 May 2020 13:09:54 +0000 (15:09 +0200)
committerBas Brands <bas@moodle.com>
Thu, 23 Jul 2020 09:34:19 +0000 (11:34 +0200)
- the prevents the message reply box from being out of view when
a user has many conversations.

message/templates/message_index.mustache
theme/boost/scss/moodle/message.scss
theme/boost/style/moodle.css
theme/classic/style/moodle.css

index f47b39c..33e3ab6 100644 (file)
@@ -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 }}
index 8388761..fff7cd4 100644 (file)
@@ -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%;
+            }
         }
     }
 }
index 93f02cb..6c5cadd 100644 (file)
@@ -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 {
index 02d840a..82151de 100644 (file)
@@ -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 {