MDL-64099 message: last message container minimum size

* empty last message containers should have a minimum size
to ensure list-group-item element are in the right place.
This commit is contained in:
Bas Brands
2018-11-27 12:44:43 +01:00
committed by David Monllao
parent d9c72b7df9
commit 4d446b8814
5 changed files with 12 additions and 1 deletions
@@ -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,
+3
View File
@@ -1345,6 +1345,9 @@ $message-drawer-width: 320px;
border-bottom: 0;
}
}
.last-message {
min-height: 1.5rem;
}
.section {
.collapse {
overflow-y: auto;
+2
View 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 {
@@ -1353,6 +1353,9 @@
}
}
}
.last-message {
min-height: 20px;
}
}
@media (max-width: 480px) {
+3
View 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;