odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

[IMP] css: animations for kanban notes 

bzr revid: fva@openerp.com-20121001154916-r5mq1z4icc54jmgz
This commit is contained in:
Frédéric van der Essen 2012-10-01 17:49:16 +02:00
parent af41ee194c
commit 7d46e33763
3 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
addons/web_kanban/static/src/css/kanban.css
View File

@ -9,7 +9,6 @@
.openerp .oe_kanban_view .ui-sortable-placeholder {
border: 1px solid rgba(0, 0, 0, 0.1);
visibility: visible !important;
height: 60px !important;
}
.openerp .oe_kanban_view .ui-sortable-helper {
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
@ -19,6 +18,9 @@
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-webkit-transition: -webkit-transform 100ms linear;
-moz-transition: -moz-transform 100ms linear;
transition: transform 100ms linear;
}
.openerp .oe_kanban_view .oe_kanban_left {
float: left;
@ -364,17 +366,18 @@
border-bottom-color: rgba(0, 0, 0, 0.3);
padding: 8px;
display: block;
-webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.openerp .oe_kanban_view .oe_kanban_card:hover, .openerp .oe_kanban_view .oe_kanban_quick_create:hover {
.openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover {
border: 1px solid #7c7bad;
-moz-box-shadow: 0 0 4px #7c7bad;
-webkit-box-shadow: 0 0 4px #7c7bad;
-box-shadow: 0 0 4px #7c7bad;
}
.openerp .oe_kanban_view .oe_kanban_card:hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:hover .oe_dropdown_kanban > span {
.openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span {
visibility: visible;
}
.openerp .oe_kanban_view .oe_kanban_card h3, .openerp .oe_kanban_view .oe_kanban_quick_create h3 {

14
addons/web_kanban/static/src/css/kanban.sass
View File

@ -37,6 +37,13 @@
-webkit-transform: $transform
-o-transform: $transform
-ms-transform: $transform
@mixin transition($transition: all 200ms linear)
-webkit-transition: $transition
-moz-transition: $transition
-ms-transition: $transition
-o-transition: $transition
transition: $transition
// }}}
.openerp .oe_kanban_view
@ -49,10 +56,12 @@
.ui-sortable-placeholder
border: 1px solid rgba(0,0,0,0.1)
visibility: visible !important
height: 60px !important
.ui-sortable-helper
@include box-shadow(0 1px 10px rgba(0, 0, 0, 0.3))
@include transform(rotate(3deg))
-webkit-transition: -webkit-transform 100ms linear
-moz-transition: -moz-transform 100ms linear
transition: transform 100ms linear
.oe_kanban_left
float: left
.oe_kanban_right
@ -328,8 +337,9 @@
border-bottom-color: rgba(0,0,0,0.3)
padding: 8px
display: block
-webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear
@include radius(4px)
&:hover
&:not(.ui-sortable-helper):hover
border: 1px solid #7C7BAD
@include box-shadow(0 0 4px #7C7BAD)
.oe_dropdown_kanban > span

6
addons/web_kanban/static/src/js/kanban.js
View File

@ -309,8 +309,14 @@ instance.web_kanban.KanbanView = instance.web.View.extend({
ui.item.find('*').on('click.prevent', function(ev) {
return false;
});
ui.placeholder.height(ui.item.height());
},
revert: 150,
beforeStop: function(event,ui){
console.log('beforeStop:',ui);
},
stop: function(event, ui) {
console.log('stop:',ui);
var record = ui.item.data('widget');
var old_index = self.currently_dragging.index;
var new_index = ui.item.index();