From 9b7cb69cfaabf757d423343a61542cdbefb2d6cc Mon Sep 17 00:00:00 2001
From: Mossy1022 <evan.x.moscoso@gmail.com>
Date: Sun, 23 Jun 2024 02:46:41 -0400
Subject: [PATCH] Updates dropdown menu to scope and not conflict with
 excalidraw

---
 main.ts       | 6 +++---
 manifest.json | 2 +-
 package.json  | 2 +-
 styles.css    | 8 ++++----
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/main.ts b/main.ts
index 2466439..b4c7961 100644
--- a/main.ts
+++ b/main.ts
@@ -660,7 +660,7 @@ class ScGraphItemView extends ItemView {
 	}
 
 	createDropdownMenu() {
-		const dropdownMenu = this.contentEl.createEl('div', { cls: 'dropdown-menu' });
+		const dropdownMenu = this.contentEl.createEl('div', { cls: 'sc-visualizer-dropdown-menu' });
 		this.buildDropdownMenuContent(dropdownMenu);
 	}
 
@@ -793,7 +793,7 @@ class ScGraphItemView extends ItemView {
 	}
 	
 	toggleDropdownMenu() {
-		const dropdownMenu = document.querySelector('.dropdown-menu') as HTMLElement;
+		const dropdownMenu = document.querySelector('.sc-visualizer-dropdown-menu') as HTMLElement;
 	
 		if (dropdownMenu) {
 	
@@ -1197,7 +1197,7 @@ class ScGraphItemView extends ItemView {
 	}
 
 	closeDropdownMenu() {
-		const dropdownMenu = document.querySelector('.dropdown-menu');
+		const dropdownMenu = document.querySelector('.sc-visualizer-dropdown-menu');
 		if (dropdownMenu) dropdownMenu.classList.remove('open');
 	}
 
diff --git a/manifest.json b/manifest.json
index 84af486..589c5fd 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "smart-connections-visualizer",
 	"name": "Smart Connections Visualizer",
-	"version": "1.0.10",
+	"version": "1.0.11",
 	"minAppVersion": "0.15.0",
 	"description": "View your Smart Connections in a visualized format.",
 	"author": "Evan Moscoso",
diff --git a/package.json b/package.json
index 905a013..16a8c37 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "smart-connections-visualizer",
-	"version": "1.0.10",
+	"version": "1.0.11",
 	"description": "A plugin that allows you to view your Smart Connections in a visualized format.",
 	"main": "main.js",
 	"scripts": {
diff --git a/styles.css b/styles.css
index 4795f2b..8635b22 100644
--- a/styles.css
+++ b/styles.css
@@ -49,7 +49,7 @@ svg .nodes circle {
     color: #bbb;
     z-index: 999; /* Ensure the icon stays above other elements */
 }
-.dropdown-menu {
+.sc-visualizer-dropdown-menu {
     font-family: 'Cascadia';
     display: none;
     position: absolute;
@@ -62,14 +62,14 @@ svg .nodes circle {
     width: 300px;
     z-index: 1000; /* Ensure the menu stays above other elements */
 }
-.dropdown-menu {
+.sc-visualizer-dropdown-menu {
     background-color: rgba(51, 51, 51, 0.9) !important;
 }
 
-.dropdown-menu.visible {
+.sc-visualizer-dropdown-menu.visible {
     display: block !important;
 }
-.dropdown-menu.open {
+.sc-visualizer-dropdown-menu.open {
     display: block !important;
 }
 .menu-header {