[IMP] css: animations for kanban notes
bzr revid: fva@openerp.com-20121001154916-r5mq1z4icc54jmgz
This commit is contained in:
parent
af41ee194c
commit
7d46e33763
|
@ -9,7 +9,6 @@
|
||||||
.openerp .oe_kanban_view .ui-sortable-placeholder {
|
.openerp .oe_kanban_view .ui-sortable-placeholder {
|
||||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
visibility: visible !important;
|
visibility: visible !important;
|
||||||
height: 60px !important;
|
|
||||||
}
|
}
|
||||||
.openerp .oe_kanban_view .ui-sortable-helper {
|
.openerp .oe_kanban_view .ui-sortable-helper {
|
||||||
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
|
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
|
||||||
|
@ -19,6 +18,9 @@
|
||||||
-webkit-transform: rotate(3deg);
|
-webkit-transform: rotate(3deg);
|
||||||
-o-transform: rotate(3deg);
|
-o-transform: rotate(3deg);
|
||||||
-ms-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 {
|
.openerp .oe_kanban_view .oe_kanban_left {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -364,17 +366,18 @@
|
||||||
border-bottom-color: rgba(0, 0, 0, 0.3);
|
border-bottom-color: rgba(0, 0, 0, 0.3);
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
display: block;
|
display: block;
|
||||||
|
-webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
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;
|
border: 1px solid #7c7bad;
|
||||||
-moz-box-shadow: 0 0 4px #7c7bad;
|
-moz-box-shadow: 0 0 4px #7c7bad;
|
||||||
-webkit-box-shadow: 0 0 4px #7c7bad;
|
-webkit-box-shadow: 0 0 4px #7c7bad;
|
||||||
-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;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
.openerp .oe_kanban_view .oe_kanban_card h3, .openerp .oe_kanban_view .oe_kanban_quick_create h3 {
|
.openerp .oe_kanban_view .oe_kanban_card h3, .openerp .oe_kanban_view .oe_kanban_quick_create h3 {
|
||||||
|
|
|
@ -37,6 +37,13 @@
|
||||||
-webkit-transform: $transform
|
-webkit-transform: $transform
|
||||||
-o-transform: $transform
|
-o-transform: $transform
|
||||||
-ms-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
|
.openerp .oe_kanban_view
|
||||||
|
@ -49,10 +56,12 @@
|
||||||
.ui-sortable-placeholder
|
.ui-sortable-placeholder
|
||||||
border: 1px solid rgba(0,0,0,0.1)
|
border: 1px solid rgba(0,0,0,0.1)
|
||||||
visibility: visible !important
|
visibility: visible !important
|
||||||
height: 60px !important
|
|
||||||
.ui-sortable-helper
|
.ui-sortable-helper
|
||||||
@include box-shadow(0 1px 10px rgba(0, 0, 0, 0.3))
|
@include box-shadow(0 1px 10px rgba(0, 0, 0, 0.3))
|
||||||
@include transform(rotate(3deg))
|
@include transform(rotate(3deg))
|
||||||
|
-webkit-transition: -webkit-transform 100ms linear
|
||||||
|
-moz-transition: -moz-transform 100ms linear
|
||||||
|
transition: transform 100ms linear
|
||||||
.oe_kanban_left
|
.oe_kanban_left
|
||||||
float: left
|
float: left
|
||||||
.oe_kanban_right
|
.oe_kanban_right
|
||||||
|
@ -328,8 +337,9 @@
|
||||||
border-bottom-color: rgba(0,0,0,0.3)
|
border-bottom-color: rgba(0,0,0,0.3)
|
||||||
padding: 8px
|
padding: 8px
|
||||||
display: block
|
display: block
|
||||||
|
-webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear
|
||||||
@include radius(4px)
|
@include radius(4px)
|
||||||
&:hover
|
&:not(.ui-sortable-helper):hover
|
||||||
border: 1px solid #7C7BAD
|
border: 1px solid #7C7BAD
|
||||||
@include box-shadow(0 0 4px #7C7BAD)
|
@include box-shadow(0 0 4px #7C7BAD)
|
||||||
.oe_dropdown_kanban > span
|
.oe_dropdown_kanban > span
|
||||||
|
|
|
@ -309,8 +309,14 @@ instance.web_kanban.KanbanView = instance.web.View.extend({
|
||||||
ui.item.find('*').on('click.prevent', function(ev) {
|
ui.item.find('*').on('click.prevent', function(ev) {
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
ui.placeholder.height(ui.item.height());
|
||||||
|
},
|
||||||
|
revert: 150,
|
||||||
|
beforeStop: function(event,ui){
|
||||||
|
console.log('beforeStop:',ui);
|
||||||
},
|
},
|
||||||
stop: function(event, ui) {
|
stop: function(event, ui) {
|
||||||
|
console.log('stop:',ui);
|
||||||
var record = ui.item.data('widget');
|
var record = ui.item.data('widget');
|
||||||
var old_index = self.currently_dragging.index;
|
var old_index = self.currently_dragging.index;
|
||||||
var new_index = ui.item.index();
|
var new_index = ui.item.index();
|
||||||
|
|
Loading…
Reference in New Issue