From 6cbf313faafede9bf60b4f943b50c27960b5daf7 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 27 Mar 2022 10:25:14 -0500
Subject: [PATCH] Fixed double glow on tree nodes
---
src/features/trees/TreeNode.vue | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/features/trees/TreeNode.vue b/src/features/trees/TreeNode.vue
index 34332d4..42e43be 100644
--- a/src/features/trees/TreeNode.vue
+++ b/src/features/trees/TreeNode.vue
@@ -12,7 +12,7 @@
...unref(classes)
}"
>
- <button
+ <div
@click="click"
@mousedown="start"
@mouseleave="stop"
@@ -31,7 +31,7 @@
]"
>
<component :is="unref(comp)" />
- </button>
+ </div>
<MarkNode :mark="unref(mark)" />
<Node :id="id" />
</Tooltip>
@@ -156,7 +156,7 @@ export default defineComponent({
margin: 0 10px 0 10px;
}
-.treeNode button {
+.treeNode > *:first-child {
width: 100%;
height: 100%;
border: 2px solid rgba(0, 0, 0, 0.125);
@@ -166,6 +166,7 @@ export default defineComponent({
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25) inset, 0px 0px 20px var(--background);
text-transform: capitalize;
+ display: flex;
}
.treeNode.small {
@@ -173,7 +174,7 @@ export default defineComponent({
width: 60px;
}
-.treeNode.small button {
+.treeNode.small > *:first-child {
font-size: 30px;
}