feat: add class when collection name is hovered during drag and drop

Resolves #849
This commit is contained in:
Mika Andrianarijaona 2023-11-02 15:52:25 +01:00
parent b633fc58d2
commit c46fbfbde3
2 changed files with 4 additions and 2 deletions

View File

@ -33,7 +33,8 @@ const Wrapper = styled.div`
overflow: hidden; overflow: hidden;
} }
&:hover { &:hover,
&.item-hovered {
background: ${(props) => props.theme.sidebar.collection.item.hoverBg}; background: ${(props) => props.theme.sidebar.collection.item.hoverBg};
.menu-icon { .menu-icon {
.dropdown { .dropdown {

View File

@ -84,7 +84,8 @@ const CollectionItem = ({ item, collection, searchText }) => {
}); });
const itemRowClassName = classnames('flex collection-item-name items-center', { const itemRowClassName = classnames('flex collection-item-name items-center', {
'item-focused-in-tab': item.uid == activeTabUid 'item-focused-in-tab': item.uid == activeTabUid,
'item-hovered': isOver
}); });
const scrollToTheActiveTab = () => { const scrollToTheActiveTab = () => {