Merge pull request #863 from mikaoelitiana/849-collection-item-dnd-hovered

feat: add class when collection name is hovered during drag and drop
This commit is contained in:
Anoop M D 2023-11-03 20:28:01 +05:30 committed by GitHub
commit 4a23e75dee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 = () => {