github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-03-03 21:36:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweak user card UI

Browse Source
This commit is contained in:
Toby Zerner 2015-05-06 11:24:42 +09:30
parent abf49fd07a
commit 447cf1bcb1
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
framework/core/js/forum/src/components/post-header-user.js
View File

@ -50,12 +50,13 @@ export default class PostHeaderUser extends Component {
component.showCard(true); component.showCard(true);
m.redraw(); m.redraw();
setTimeout(() => component.$('.user-card').addClass('in')); setTimeout(() => component.$('.user-card').addClass('in'));
}, 250); }, 500);
}).bind('mouseout', '> a, .user-card', function() { }).bind('mouseout', '> a, .user-card', function() {
clearTimeout(timeout); clearTimeout(timeout);
timeout = setTimeout(function() { timeout = setTimeout(function() {
component.$('.user-card').removeClass('in').one('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() { component.$('.user-card').removeClass('in').one('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
component.showCard(false); component.showCard(false);
m.redraw();
}); });
}, 250); }, 250);
}); });

9
framework/core/less/forum/discussion.less
View File

@ -203,12 +203,15 @@
& .user-card { & .user-card {
position: absolute; position: absolute;
top: 100%; top: -10px;
left: -100px;
z-index: @zindex-popover; 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 { &.in {
margin-top: 5px; transform: scale(1);
} }
} }
} }