From c9e5947327c67488d7746ade3c59f69459058483 Mon Sep 17 00:00:00 2001 From: trafficlunar Date: Thu, 20 Feb 2025 21:17:10 +0000 Subject: [PATCH] style: more additions to 4fcc15d8 --- src/components/dialogs/open-image/BlockSelector.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/dialogs/open-image/BlockSelector.tsx b/src/components/dialogs/open-image/BlockSelector.tsx index 26d17b1..f06c15a 100644 --- a/src/components/dialogs/open-image/BlockSelector.tsx +++ b/src/components/dialogs/open-image/BlockSelector.tsx @@ -51,7 +51,8 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo options={{ backgroundAlpha: 0 }} onPointerLeave={() => setHoverPosition(null)} onUnmount={() => { - showStage.current = false; + // NOTE: this event gets called a couple times when run in development + // showStage.current = false; }} > @@ -70,7 +71,7 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo eventMode={"static"} pointerover={() => setHoverPosition({ x, y })} click={() => onClick(block)} - filters={selectedBlocks.includes(block) ? [] : [new AlphaFilter(0.3)]} + filters={selectedBlocks.includes(block) ? [] : [new AlphaFilter(0.2)]} /> {selectedBlocks.includes(block) && ( @@ -80,7 +81,8 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo y={y} draw={(g) => { g.clear(); - g.lineStyle(2, isDark ? 0xffffff : 0x000000, 0.5, 0); + g.beginFill(0xffffff, 0.2); + g.lineStyle(2, isDark ? 0xffffff : 0x000000, 0.4, 0); g.drawRect(0, 0, 32, 32); }} />