Updates dropdown menu to scope and not conflict with excalidraw

This commit is contained in:
Mossy1022 2024-06-23 02:46:41 -04:00
parent 378f9b7f90
commit 9b7cb69cfa
4 changed files with 9 additions and 9 deletions

View file

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

View file

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

View file

@ -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": {

View file

@ -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 {