Skip to content
Permalink
Browse files

MDL-63303 theme_bootstrapbase: add message drawer

  • Loading branch information
ryanwyllie committed Oct 26, 2018
1 parent 5005d8c commit 6f96c063744227ba93735c06effe743def7e622f
Showing with 1,451 additions and 5 deletions.
  1. +1 −1 message/templates/message_drawer_view_conversation_footer_content.mustache
  2. +28 −2 theme/bootstrapbase/less/moodle/bs4-compat.less
  3. +185 −0 theme/bootstrapbase/less/moodle/message.less
  4. +1 −1 theme/bootstrapbase/less/moodle/user.less
  5. +181 −1 theme/bootstrapbase/style/moodle.css
  6. +93 −0 theme/bootstrapbase/templates/core_message/message_drawer.mustache
  7. +40 −0 theme/bootstrapbase/templates/core_message/message_drawer_icon_back.mustache
  8. +40 −0 theme/bootstrapbase/templates/core_message/message_drawer_icon_forward.mustache
  9. +101 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_contacts_body.mustache
  10. +74 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_conversation_body_message.mustache
  11. +62 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_conversation_footer_content.mustache
  12. +53 −0 ...e/bootstrapbase/templates/core_message/message_drawer_view_conversation_footer_edit_mode.mustache
  13. +125 −0 ...base/templates/core_message/message_drawer_view_conversation_header_content_type_private.mustache
  14. +76 −0 ...es/core_message/message_drawer_view_conversation_header_content_type_private_no_controls.mustache
  15. +97 −0 ...pbase/templates/core_message/message_drawer_view_conversation_header_content_type_public.mustache
  16. +70 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_group_info_body_content.mustache
  17. +74 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_overview_header.mustache
  18. +76 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_overview_section.mustache
  19. +74 −0 theme/bootstrapbase/templates/core_message/message_drawer_view_search_header.mustache
@@ -15,7 +15,7 @@
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{!
@template core_message/message_drawer_view_covnersation_footer_content
@template core_message/message_drawer_view_conversation_footer_content

This template will render the footer content for the conversation page in
the message drawer.
@@ -256,7 +256,10 @@
padding-bottom: @baseFontSize * 1.5 !important;
}


.ml-0,
.mx-0 {
margin-left: 0;
}
.ml-1,
.mx-1 {
margin-left: @baseFontSize / 4 !important;
@@ -273,6 +276,10 @@
.mx-4 {
margin-left: @baseFontSize * 1.5 !important;
}
.mr-0,
.mx-0 {
margin-right: 0;
}
.mr-1,
.mx-1 {
margin-right: @baseFontSize / 4 !important;
@@ -289,6 +296,10 @@
.mx-4 {
margin-right: @baseFontSize * 1.5 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0;
}
.mb-1,
.my-1 {
margin-bottom: @baseFontSize / 4 !important;
@@ -305,6 +316,10 @@
.my-4 {
margin-bottom: @baseFontSize * 1.5 !important;
}
.mt-0,
.my-0 {
margin-top: 0;
}
.mt-1,
.my-1 {
margin-top: @baseFontSize / 4 !important;
@@ -322,7 +337,6 @@
margin-top: @baseFontSize * 1.5 !important;
}


.ml-auto,
.mx-auto {
margin-left: auto !important;
@@ -591,6 +605,7 @@
}
.list-group-item {
background-color: @white;
position: relative;
}
.list-group-item-action {
&:hover,
@@ -616,3 +631,14 @@
}
}

.dir-rtl {
.dir-rtl-hide {
display: none;
}
}

.dir-ltr {
.dir-ltr-hide {
display: none;
}
}
@@ -1178,6 +1178,191 @@
}
}

@message-drawer-width: 320px;

.message-drawer {
position: fixed;
top: 0;
height: 100%;
right: 0;
width: @message-drawer-width;
z-index: 999;
background-color: @white;
box-shadow: -2px 2px 4px rgba(0, 0, 0, .08);
display: flex;
flex-direction: column;

@media (min-width: 980px) {
.drawer-top {
display: none;
}
height: ~"calc(100% - 42px)";
top: 42px;
}

.transition(all .2s ease-in-out);

&.hidden {
display: block;
right: @message-drawer-width * -1;
}

.header-container {
flex-shrink: 0;
}

.searchinput {
box-shadow: none;
width: 100%;
}

[data-region="confirm-dialogue-container"] {
box-sizing: border-box;
* {
box-sizing: border-box;
}
.btn-block {
margin-left: 0;
}
}

.body-container {
flex: 1;
overflow: hidden;

& > * {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: 1;
.transition(all .2s ease-in-out);

&.hidden {
display: block;
left: @message-drawer-width;
right: @message-drawer-width * -1;
opacity: 0;
visibility: hidden;

&.previous {
left: @message-drawer-width * -1;
right: @message-drawer-width;
}
}
}
}

.footer-container {
flex-shrink: 0;
overflow-x: hidden;

& > * {
max-height: 2000px;
opacity: 1;
.transition(all .2s ease-in-out);

&.hidden {
display: block;
max-height: 0;
opacity: 0;
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
border: 0 !important; /* stylelint-disable-line declaration-no-important */
visibility: hidden;
transform: translate(@message-drawer-width);
transition: all .2s ease-in-out, max-height .2s .2s ease-in-out;

&.previous {
transform: translate(@message-drawer-width * -1);
}
}
}
}

.matchtext {
background-color: lighten(@blue, 40%);
color: @textColor;
height: 1.5rem;
}

.contact-status {
position: absolute;
left: 39px;
top: 39px;
width: 10px;
height: 10px;
border-radius: 50%;
&.online {
border: 1px solid @green;
background-color: @green;
}
}

a,
.btn-link {
text-decoration: none;
color: inherit;
}

.message {
p {
margin: 0;
}
}

.clickable {
cursor: pointer;

&:hover {
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, .1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03);
}
}

h6,
.h6 {
font-size: 14px;
font-weight: normal;
}

.overview-section-toggle {
.collapsed-icon-container {
display: none;
}
.expanded-icon-container {
display: inline-block;
}

&.collapsed {
.collapsed-icon-container {
display: inline-block;
}
.expanded-icon-container {
display: none;
}
}
}

.view-overview-body {
.section {
display: block;

&.expanded {
display: flex;
flex-direction: column;
}
}
}

.view-conversation {
.content-message-container {
img {
max-width: 100%;
}
}
}
}

@media (max-width: 480px) {
.messaging-area-container {
.messaging-area {
@@ -199,7 +199,7 @@
position: relative;

h3 {
margin-top: 0px;
margin-top: 0;
}
}

0 comments on commit 6f96c06

Please sign in to comment.
You can’t perform that action at this time.