From 3b759a53dea800ff80ba262b648c006e34d2bb53 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 3 Feb 2023 14:09:14 +0200
Subject: [PATCH] fix transition
---
.../src/CommentsService/components/ConnectedComment.js | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
index 18873352b..6f07e673c 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ConnectedComment.js
@@ -10,7 +10,8 @@ import CommentBox from './ui/comments/CommentBox';
const ConnectedCommentStyled = styled.div`
margin-left: ${props => (props.active ? `${-20}px` : `${50}px`)};
- // transition: ${props => (props.active ? `all 1s` : `all 0.5s`)};
+ transition: ${props =>
+ props.active && props.length ? `none!important` : `all 1.3s`};
position: absolute;
width: 200px;
@media (max-width: 600px) {
@@ -163,12 +164,13 @@ export default ({ comment, top, commentId, recalculateTops }) => {
}
}, 400);
};
-
+ console.log(isActive && comment.attrs.conversation.length === 0);
const MemorizedComponent = useMemo(
() => (
<ConnectedCommentStyled
active={isActive}
data-box={commentId}
+ length={comment.attrs.conversation.length === 0}
style={styles}
>
<CommentBox
--
GitLab