performance improvement: CSS fix

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",

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,

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);
 			}