MDL-64099 message: last message container minimum size
authorBas Brands <bas@moodle.com>
Tue, 27 Nov 2018 09:36:04 +0000 (10:36 +0100)
committerDavid Monllao <davidm@moodle.com>
Tue, 27 Nov 2018 11:44:43 +0000 (12:44 +0100)
* empty last message containers should have a minimum size
to ensure list-group-item element are in the right place.

message/templates/message_drawer_conversations_list.mustache
theme/boost/scss/moodle/message.scss
theme/boost/style/moodle.css
theme/bootstrapbase/less/moodle/message.less
theme/bootstrapbase/style/moodle.css

index 10327b6..55ec82d 100644 (file)
@@ -65,7 +65,7 @@
             {{#subname}}
                 <p class="m-0 text-truncate">{{.}}</p>
             {{/subname}}
-            <p class="m-0 font-weight-light text-truncate" data-region="last-message">
+            <p class="m-0 font-weight-light text-truncate last-message" data-region="last-message">
                 {{#sentfromcurrentuser}}
                     {{#str}}
                         conversationlastmessage,
index fdf3e09..cccf5a9 100644 (file)
@@ -1345,6 +1345,9 @@ $message-drawer-width: 320px;
             border-bottom: 0;
         }
     }
+    .last-message {
+        min-height: 1.5rem;
+    }
     .section {
         .collapse {
             overflow-y: auto;
index 674bae5..e4a2285 100644 (file)
@@ -14201,6 +14201,8 @@ a.ygtvspacer:hover {
       border-top: 0; }
     .message-drawer .list-group .list-group-item:last-child {
       border-bottom: 0; }
+  .message-drawer .last-message {
+    min-height: 1.5rem; }
   .message-drawer .section .collapse {
     overflow-y: auto; }
   .message-drawer .section .collapsing {
index f452650..d5419be 100644 (file)
             }
         }
     }
+    .last-message {
+        min-height: 20px;
+    }
 }
 
 @media (max-width: 480px) {
index 4497f69..235b399 100644 (file)
@@ -9245,6 +9245,9 @@ a.ygtvspacer:hover {
   border-bottom: 0;
   margin-bottom: 0;
 }
+.message-drawer .last-message {
+  min-height: 20px;
+}
 @media (max-width: 480px) {
   .messaging-area-container .messaging-area .messages-area.editing .messages-header {
     height: 80px;