aaaaaaaaaah
mellbacon committed
Aug 20, 2022 at 05:35 UTC
52efe263bfc24d437de6348360c6b6a54537576d
2 files changed
+13
-2
src/components/Content/Editor/Tab.svelte
+10
-2
@@ -3,8 +3,9 @@
3
export let id = 0;
4
export let label = "Untitled-1";
5
export let active = false;
6
+ export let unsaved = false;
7
</script>
7
-<div class="tab" class:tab-active={active} on:click = {
8
+<div id={`tab-${id.toString()}`} class="tab" class:tab-active={active} class:unsaved={unsaved} on:click = {
9
() => {
10
setActive(id);
11
}
@@ -31,6 +32,7 @@
32
justify-content: space-between;
33
align-items: center;
34
cursor: pointer;
35
+ box-shadow: inset 0px -0.5px 0 0 #bdd4ff;
36
}
37
.tab:not(.tab-active):hover {
38
background-color: rgb(43, 43, 43);
@@ -52,7 +54,13 @@
54
}
55
.tab-active {
56
background-color: rgb(28, 28, 28);
55
- box-shadow: inset 0px -2px 0 0 #1b5fdd;
57
+ box-shadow: inset 0px -2px 0 0 #1b5fdd !important;
58
+ }
59
+ .tab-active.unsaved {
60
+ box-shadow: inset 0px -2px 0 0 #dd6f1b !important;
61
+ }
62
+ .unsaved {
63
+ box-shadow: inset 0px -0.5px 0 0 #dd6f1b;
64
}
65
.tab-label {
66
text-overflow: ellipsis;
src/components/FileTree/TreeViewNode.svelte
+3
@@ -88,6 +88,9 @@
88
if (disabled) return;
89
clickNode(node);
90
}}
91
+ on:dblclick={() => {
92
+ console.log(path);
93
+ }}
94
on:keydown={(e) => {
95
if (
96
e.key === "ArrowLeft" ||