diff --git a/manifest.json b/manifest.json index 2e622a9..a536b8f 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "id": "vertical-tabs", "name": "Vertical Tabs", - "version": "0.11.2", + "version": "0.11.3", "minAppVersion": "1.6.2", "description": "Offer an alternative view that displays open tabs vertically, allowing users to group and organize tabs for a better navigation experience.", "author": "oxdc", diff --git a/src/components/NavigationTreeItem.tsx b/src/components/NavigationTreeItem.tsx index 3f0674d..b775f66 100644 --- a/src/components/NavigationTreeItem.tsx +++ b/src/components/NavigationTreeItem.tsx @@ -56,7 +56,7 @@ export const NavigationTreeItem = (props: NavigationTreeItemProps) => { "is-collapsed": props.isCollapsed, "is-sidebar": props.isSidebar, "is-being-dragged": isDragging, - "is-being-dragged-over": isOver, + "vt-is-being-dragged-over": isOver, "is-tab-slot": props.isTabSlot, "is-group-slot": props.isGroupSlot, "is-single-group": props.isSingleGroup, diff --git a/src/styles/DropIndicator.scss b/src/styles/DropIndicator.scss index ffd2f1d..6cf4b9a 100644 --- a/src/styles/DropIndicator.scss +++ b/src/styles/DropIndicator.scss @@ -17,8 +17,8 @@ // group &.is-dragging-group { .tree-item.is-group { - &.is-being-dragged-over, - &:has(.is-being-dragged-over) { + &.vt-is-being-dragged-over, + &:has(.vt-is-being-dragged-over) { &::before { background: var(--interactive-accent); } @@ -28,11 +28,11 @@ // tab &:not(.is-dragging-group) { - .tree-item.is-tab.is-being-dragged-over::before { + .tree-item.is-tab.vt-is-being-dragged-over::before { background: var(--interactive-accent); } - .tree-item.is-group.is-being-dragged-over { + .tree-item.is-group.vt-is-being-dragged-over { .is-tab-slot::before { background: var(--interactive-accent); }