thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fixed double glow on tree nodes

Browse source
This commit is contained in:
thepaperpilot 2022-03-27 10:25:14 -05:00
parent c00a695edc
commit 6cbf313faa
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/features/trees/TreeNode.vue
View file

@ -12,7 +12,7 @@
...unref(classes) ...unref(classes)
}" }"
> >
<button <div
@click="click" @click="click"
@mousedown="start" @mousedown="start"
@mouseleave="stop" @mouseleave="stop"
@ -31,7 +31,7 @@
]" ]"
> >
<component :is="unref(comp)" /> <component :is="unref(comp)" />
</button> </div>
<MarkNode :mark="unref(mark)" /> <MarkNode :mark="unref(mark)" />
<Node :id="id" /> <Node :id="id" />
</Tooltip> </Tooltip>
@ -156,7 +156,7 @@ export default defineComponent({
margin: 0 10px 0 10px; margin: 0 10px 0 10px;
} }
.treeNode button { .treeNode > *:first-child {
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 2px solid rgba(0, 0, 0, 0.125); 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); 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); box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.25) inset, 0px 0px 20px var(--background);
text-transform: capitalize; text-transform: capitalize;
display: flex;
} }
.treeNode.small { .treeNode.small {
@ -173,7 +174,7 @@ export default defineComponent({
width: 60px; width: 60px;
} }
.treeNode.small button { .treeNode.small > *:first-child {
font-size: 30px; font-size: 30px;
} }