MDL-64267 core_message: sticky positioning of contact request info
authorBas Brands <bas@moodle.com>
Wed, 10 Apr 2019 07:54:50 +0000 (09:54 +0200)
committerBas Brands <bas@moodle.com>
Wed, 24 Apr 2019 07:27:37 +0000 (09:27 +0200)
message/templates/message_drawer_view_conversation_body.mustache
theme/boost/scss/bootstrap/utilities/_position.scss
theme/boost/style/moodle.css
theme/classic/style/moodle.css

index 222b026..54129dc 100644 (file)
 >
     <div class="position-relative h-100" data-region="content-container" style="overflow-y: auto; overflow-x: hidden">
         <div class="content-message-container hidden h-100 px-2 pt-0" data-region="content-message-container" role="log" style="overflow-y: auto; overflow-x: hidden">
-            <div class="p-3 text-center hidden" data-region="contact-request-sent-message-container">
+            <div class="py-3 bg-light sticky-top border-bottom text-center hidden" data-region="contact-request-sent-message-container">
                 <p class="m-0">{{#str}} contactrequestsent, core_message {{/str}}</p>
                 <p class="font-italic font-weight-light" data-region="text"></p>
             </div>
+            <div class="p-3 bg-light text-center hidden" data-region="self-conversation-message-container">
+                <p class="m-0">{{#str}} selfconversation, core_message {{/str}}</p>
+                <p class="font-italic font-weight-light" data-region="text">{{#str}} selfconversationdefaultmessage, core_message {{/str}}</p>
+           </div>
             <div class="hidden text-center p-3" data-region="more-messages-loading-icon-container">{{> core/loading }}</div>
         </div>
         <div class="p-4 w-100 h-100 hidden position-absolute" data-region="confirm-dialogue-container" style="top: 0; background: rgba(0,0,0,0.3);">
index 7fe792c..183bca2 100644 (file)
@@ -27,10 +27,8 @@ $positions: static, relative, absolute, fixed, sticky;
   z-index: $zindex-fixed;
 }
 
-// .sticky-top {
-//   @supports (position: sticky) {
-//     position: sticky;
-//     top: 0;
-//     z-index: $zindex-sticky;
-//   }
-// }
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: $zindex-sticky;
+}
index f8968cd..bda128b 100644 (file)
@@ -7259,6 +7259,11 @@ button.bg-dark:focus {
   left: 0;
   z-index: 1030; }
 
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: 1020; }
+
 .sr-only {
   position: absolute;
   width: 1px;
index c3e7f17..be05743 100644 (file)
@@ -7492,6 +7492,11 @@ button.bg-dark:focus {
   left: 0;
   z-index: 1030; }
 
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: 1020; }
+
 .sr-only {
   position: absolute;
   width: 1px;