diff --git a/js/forum/src/components/post-header-user.js b/js/forum/src/components/post-header-user.js index ff123465e..00d492333 100644 --- a/js/forum/src/components/post-header-user.js +++ b/js/forum/src/components/post-header-user.js @@ -50,12 +50,13 @@ export default class PostHeaderUser extends Component { component.showCard(true); m.redraw(); setTimeout(() => component.$('.user-card').addClass('in')); - }, 250); + }, 500); }).bind('mouseout', '> a, .user-card', function() { clearTimeout(timeout); timeout = setTimeout(function() { component.$('.user-card').removeClass('in').one('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() { component.showCard(false); + m.redraw(); }); }, 250); }); diff --git a/less/forum/discussion.less b/less/forum/discussion.less index 6f6a34991..2ce2ec142 100644 --- a/less/forum/discussion.less +++ b/less/forum/discussion.less @@ -203,12 +203,15 @@ & .user-card { position: absolute; - top: 100%; + top: -10px; + left: -100px; z-index: @zindex-popover; - .transition(~"opacity 0.2s, margin-top 0.2s"); + .transition(~"opacity 0.2s, transform 0.2s"); + transform: scale(0.95); + transform-origin: left top; &.in { - margin-top: 5px; + transform: scale(1); } } }