me/mime-chat
Watch
1
0
Fork
You've already forked mime-chat
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add async text messages

Browse source
This commit is contained in:
riqo 2021-02-13 17:02:14 -06:00
commit 4a24727131
5 changed files with 89 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/home/messageVisualizer/viewDetails/visualizer.ts
View file

@ -3,7 +3,7 @@ import useMessageViewAnims from "./anime";
import useOffsetCalculator from './offsetCalculator';
/**
* handles visualization of view messages through
* handles visualization of view messages through
* vue transition callbacks and anime-js animations
*/
export default function useMessageVisualizer(): {
@ -34,6 +34,7 @@ export default function useMessageVisualizer(): {
const beforeEnter: VueTransitionCallback = () => {
const queryResult = document.querySelectorAll(".messageList");
console.log(queryResult)
if (queryResult.length) messageList = queryResult;
}
@ -54,7 +55,7 @@ export default function useMessageVisualizer(): {
if (shift) {
console.log(messageOffset.y)
if (messageOffset.y < 445) {
if (messageOffset.y < 445 && messageOffset.y < 500) {
shiftOffset -= 15;
} else {
shiftOffset -= el.getBBox().height + messagePadding;