Skip to content

Commit c7eaeb8

Browse files
committed
(fix) message action menu animation
1 parent d38f269 commit c7eaeb8

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/ChatWindow/ChatMessage.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -265,7 +265,7 @@ export default {
265265
const roomFooterTop = this.roomFooterRef.getBoundingClientRect().top
266266
267267
const optionsTopPosition =
268-
roomFooterTop - actionIconTop > menuOptionsHeight
268+
roomFooterTop - actionIconTop > menuOptionsHeight + 50
269269
270270
if (optionsTopPosition) this.menuOptionsHeight = 28
271271
else this.menuOptionsHeight = -menuOptionsHeight
@@ -585,11 +585,13 @@ export default {
585585
.slide-left-enter-active,
586586
.slide-right-enter-active {
587587
transition: all 0.3s ease;
588+
transition-property: transform, opacity;
588589
}
589590
590591
.slide-left-leave-active,
591592
.slide-right-leave-active {
592593
transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
594+
transition-property: transform, opacity;
593595
}
594596
595597
.slide-left-enter,

0 commit comments

Comments
 (0)