Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[common] transition for tab's moving

Browse source
This commit is contained in:
Maxim Kadushkin 2018-11-13 17:30:46 +03:00
parent e42c6f2b71
commit 9ce8081d66
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/common/main/lib/component/TabBar.js
View file

@ -206,6 +206,7 @@ define([
function dragComplete() { function dragComplete() {
if (!_.isUndefined(me.drag)) { if (!_.isUndefined(me.drag)) {
me.drag.tab.removeClass('dragged');
me.drag.tab.$el.css('z-index', ''); me.drag.tab.$el.css('z-index', '');
me.bar.dragging = false; me.bar.dragging = false;
var tab = null; var tab = null;
@ -250,6 +251,8 @@ define([
} }
if (!_.isUndefined(bar) && !_.isUndefined(tab) && bar.tabs.length > 1) { if (!_.isUndefined(bar) && !_.isUndefined(tab) && bar.tabs.length > 1) {
tab.addClass('dragged');
var index = bar.tabs.indexOf(tab), var index = bar.tabs.indexOf(tab),
_clientX = e.clientX*Common.Utils.zoom(); _clientX = e.clientX*Common.Utils.zoom();
me.bar = bar; me.bar = bar;

4
apps/common/main/resources/less/tabbar.less
View file

@ -15,6 +15,10 @@
} }
} }
&:not(.dragged) {
transition: left .2s;
}
> a { > a {
display: inline; display: inline;
background-color: #7a7a7a; background-color: #7a7a7a;