ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style is modified

Browse Source
This commit is contained in:
richard-loafle 2020-01-29 18:02:57 +09:00
parent 9f9362c4bb
commit 14855d0703
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
View File

@ -15,7 +15,6 @@ $tablet-s-width: 768px;
.message-row { .message-row {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-bottom: 20px;
.date-splitter { .date-splitter {
display: block; display: block;
width: 100%; width: 100%;
@ -26,6 +25,7 @@ $tablet-s-width: 768px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-left: 0; margin-left: 0;
padding-bottom: 20px;
.profile-img { .profile-img {
flex: 0 0 auto; flex: 0 0 auto;
&.thumbnail-mask { &.thumbnail-mask {

26
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts
View File

@ -412,12 +412,12 @@ export class MessagesComponent implements OnInit, OnDestroy {
} }
preSwapScroll(useHide: boolean, useSwap: boolean) { preSwapScroll(useHide: boolean, useSwap: boolean) {
if (useSwap && !this.swapped) { // if (useSwap && !this.swapped) {
this.chatMessagesBuffer.nativeElement.innerHTML = this.chatMessagesContainer.nativeElement.innerHTML; // this.chatMessagesBuffer.nativeElement.innerHTML = this.chatMessagesContainer.nativeElement.innerHTML;
this.chatMessagesBuffer.nativeElement.scrollTop = this.chatMessagesContainer.nativeElement.scrollTop; // this.chatMessagesBuffer.nativeElement.scrollTop = this.chatMessagesContainer.nativeElement.scrollTop;
this.chatMessagesBuffer.nativeElement.classList.remove('disappear'); // this.chatMessagesBuffer.nativeElement.classList.remove('disappear');
this.swapped = true; // this.swapped = true;
} // }
if (useHide && !this.hidden) { if (useHide && !this.hidden) {
this.chatMessagesContainer.nativeElement.classList.add('hide'); this.chatMessagesContainer.nativeElement.classList.add('hide');
@ -426,12 +426,12 @@ export class MessagesComponent implements OnInit, OnDestroy {
} }
postSwapScroll(useHide: boolean, useSwap: boolean) { postSwapScroll(useHide: boolean, useSwap: boolean) {
if (useSwap && this.swapped) { // if (useSwap && this.swapped) {
this.chatMessagesBuffer.nativeElement.innerHTML = ''; // this.chatMessagesBuffer.nativeElement.innerHTML = '';
this.chatMessagesBuffer.nativeElement.scrollTop = 0; // this.chatMessagesBuffer.nativeElement.scrollTop = 0;
this.chatMessagesBuffer.nativeElement.classList.add('disappear'); // this.chatMessagesBuffer.nativeElement.classList.add('disappear');
this.swapped = false; // this.swapped = false;
} // }
if (useHide && this.hidden) { if (useHide && this.hidden) {
this.chatMessagesContainer.nativeElement.classList.remove('hide'); this.chatMessagesContainer.nativeElement.classList.remove('hide');
@ -536,7 +536,7 @@ export class MessagesComponent implements OnInit, OnDestroy {
if (this.scrollUpInitalized && this.eventRemained) { if (this.scrollUpInitalized && this.eventRemained) {
this.storeScrollPosition(); this.storeScrollPosition();
this.preSwapScroll(true, true); this.preSwapScroll(false, false);
this.moreEvent.emit(this.eventList[0].seq); this.moreEvent.emit(this.eventList[0].seq);