feat(ui): highlight circle on hover on InputShape
All checks were successful
🚀 Lint & Test & Deploy / release (pull_request) Successful in 3m53s

This commit is contained in:
release-bot
2026-02-09 00:21:58 +01:00
parent 93df4a19ff
commit e0ad97b003

View File

@@ -177,8 +177,8 @@
ev.preventDefault(); ev.preventDefault();
ev.stopImmediatePropagation(); ev.stopImmediatePropagation();
const index = parseInt(indexText); const index = parseInt(indexText);
points.splice(index * 2, 2);
draggingIndex = undefined; draggingIndex = undefined;
points.splice(index * 2, 2);
} }
} }
</script> </script>
@@ -199,7 +199,7 @@
aria-label="Interactive 2D Shape Editor" aria-label="Interactive 2D Shape Editor"
onmousedown={handleMouseDown} onmousedown={handleMouseDown}
> >
<path d={pathD} style:fill="var(--color-layer-3)" style:opacity={0.5} /> <path d={pathD} style:fill="var(--color-layer-3)" style:opacity={0.3} />
<path d={pathD} fill="none" stroke="var(--color-layer-2)" /> <path d={pathD} fill="none" stroke="var(--color-layer-2)" />
{#if mirror} {#if mirror}
{#each groupedPoints as p, i (i)} {#each groupedPoints as p, i (i)}
@@ -242,5 +242,11 @@
circle { circle {
fill: var(--color-layer-2); fill: var(--color-layer-2);
cursor: pointer; cursor: pointer;
stroke: transparent;
transition: stroke 0.2s ease;
stroke-width: 0.5px;
}
circle:hover {
stroke: var(--color-layer-3);
} }
</style> </style>