1
0
Fork 0

Remove weird animations from backlog

Signed-off-by: Egor Savkin <es@m-labs.hk>
This commit is contained in:
Egor Savkin 2023-07-21 17:56:27 +08:00
parent 49e97c6972
commit 0dbd80142d
3 changed files with 29 additions and 18 deletions

File diff suppressed because one or more lines are too long

View File

@ -10,12 +10,18 @@ import { v4 as uuidv4 } from 'uuid';
const data = window.shop_data;
const productStyle = (style, snapshot, removeAnim, hovered, selected) => {
const productStyle = (style, snapshot, removeAnim, hovered, selected, cart=false) => {
const custom = {
opacity: snapshot.isDragging ? .7 : 1,
backgroundColor: (hovered || selected) ? '#eae7f7' : 'initial',
};
if (!cart && snapshot.draggingOver == null && // hack for backlog
((!snapshot.isDragging) // prevent next elements from animation
|| (snapshot.isDragging && snapshot.isDropAnimating))) { // prevent dragged element from weird animation
style.transform = "none";
}
if (!snapshot.isDropAnimating) {
return { ...style, ...custom};
}
@ -680,6 +686,7 @@ class ProductCartItem extends React.PureComponent {
true,
hovered ? true : false,
model.selected ? true : false,
true
)}}
onMouseEnter={this.handleOnMouseEnterRemoveItem.bind(this, index)}
onMouseLeave={this.handleOnMouseLeaveRemoveItem.bind(this, index)}
@ -1965,6 +1972,7 @@ class Shop extends React.PureComponent {
switch(source.droppableId) {
case 'backlog':
if (source.droppableId !== destination.droppableId) {
this.setState({
...this.state,
newCardJustAdded: newAdded ? true : false,
@ -1982,6 +1990,7 @@ class Shop extends React.PureComponent {
},
},
});
}
break;
case destination.droppableId:

View File

@ -17,6 +17,8 @@ module.exports = {
}
]
},
//devtool: "inline-source-map",
//mode: "development"
devtool: false,
mode: "production"
};