cleaned up context menu
mellbacon committed
May 16, 2023 at 15:13 UTC
01499de8591bf8b996f9367fe8a33747b9b4f1cf
3 files changed
+12
-10
src/lib/FileTree/FileTreeList.svelte
+3
-3
@@ -29,12 +29,12 @@
29
30
let contextmenu = false;
31
let contextmenuitems = [
32
- {name: "Open in File Explorer", shortcut: "AHHH", action: () => {console.log("click")}},
32
+ {name: "Open in File Explorer", shortcut: "", action: () => {console.log("click")}},
33
{name: "Copy", shortcut: "Ctrl + C", action: () => {console.log("click")}},
34
{name: "Cut", shortcut: "Ctrl + X", action: () => {console.log("click")}},
35
{name: "Paste", shortcut: "Ctrl + X", disabled: true, action: () => {console.log("click")}},
36
- {name: "Copy Filename", shortcut: "AHHH", action: () => {console.log("click")}},
37
- {name: "Copy Absolute Path", shortcut: "AHHH", action: () => {console.log("click")}},
36
+ {name: "Copy Filename", shortcut: "", action: () => {console.log("click")}},
37
+ {name: "Copy Absolute Path", shortcut: "", action: () => {console.log("click")}},
38
{name: "Rename...", shortcut: "F2", disabled: true, action: () => {console.log("click")}},
39
{name: "Delete", shortcut: "Delete", action: () => {console.log("click")}}
40
]
src/lib/FileTree/FileTreeNode.svelte
+4
-4
@@ -31,12 +31,12 @@
31
32
let contextmenu = false;
33
let contextmenuitems = [
34
- {name: "Open in File Explorer", shortcut: "AHHH", action: () => {console.log("click")}},
34
+ {name: "Open in File Explorer", shortcut: "", action: () => {console.log("click")}},
35
{name: "Copy", shortcut: "Ctrl + C", action: () => {console.log("click")}},
36
{name: "Cut", shortcut: "Ctrl + X", action: () => {console.log("click")}},
37
- {name: "Copy Filename", shortcut: "AHHH", action: () => {console.log("click")}},
38
- {name: "Copy Absolute Path", shortcut: "AHHH", action: () => {console.log("click")}},
39
- {name: "Edit", shortcut: "AHHH", action: () => {console.log("click")}},
37
+ {name: "Copy Filename", shortcut: "", action: () => {console.log("click")}},
38
+ {name: "Copy Absolute Path", shortcut: "", action: () => {console.log("click")}},
39
+ {name: "Edit", shortcut: "", action: () => {console.log("click")}},
40
{name: "Rename...", shortcut: "F2", disabled: true, action: () => {console.log("click")}},
41
{name: "Delete", shortcut: "Delete", action: () => {console.log("click")}}
42
]
src/lib/utility/ContextMenu.svelte
+5
-3
@@ -67,14 +67,14 @@
67
<div use:getContextMenuDimension class="context-menu" bind:this={ref} style="top:{cursorPos.y}px; left:{cursorPos.x}px">
68
{#each items as item}
69
<!-- svelte-ignore a11y-click-events-have-key-events -->
70
- <div class="context-menu-option" class:disabled={item.disabled} on:click={() => {
70
+ <div class="context-menu-option" title="" class:disabled={item.disabled} on:click={() => {
71
if (!item.disabled) {
72
- item.action()
72
+ item.action();
73
}
74
}}>
75
<span class="option-name">{item.name}</span>
76
{#if item.shortcut}
77
- <span class="option-shortcut"></span>
77
+ <span class="option-shortcut">{item.shortcut}</span>
78
{/if}
79
</div>
80
{/each}
@@ -100,6 +100,7 @@
100
width: 100%;
101
font-size: 0.875rem;
102
cursor: pointer;
103
+ color: #ffffff;
104
&:hover {
105
background-color: #414040;
106
}
@@ -110,6 +111,7 @@
111
.option-shortcut {
112
color: #8c8c8c;
113
margin-left: 10px;
114
+
115
}
116
.disabled {
117
color: #6b6b6b;