From 0641eb719ef56c67de965296006df666f83e5b08 Mon Sep 17 00:00:00 2001 From: Thomas Hallock Date: Mon, 3 Nov 2025 18:30:03 -0600 Subject: [PATCH] fix(abacus-react): correct column highlighting offset in AbacusStatic MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Column highlights were positioned incorrectly - missing the padding offset that beads and rods include. The highlight rectangles appeared shifted to the left of the actual columns. Fixed by adding padding to the X position calculation, matching how beads and column posts are positioned. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- packages/abacus-react/src/AbacusStatic.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/abacus-react/src/AbacusStatic.tsx b/packages/abacus-react/src/AbacusStatic.tsx index e33a3d6e..267d289b 100644 --- a/packages/abacus-react/src/AbacusStatic.tsx +++ b/packages/abacus-react/src/AbacusStatic.tsx @@ -226,7 +226,7 @@ export function AbacusStatic({ {highlightColumns.map((colIndex) => { if (colIndex < 0 || colIndex >= effectiveColumns) return null - const x = colIndex * rodSpacing + rodSpacing / 2 + const x = colIndex * rodSpacing + rodSpacing / 2 + padding const highlightWidth = rodSpacing * 0.9 const highlightHeight = height - padding * 2 - numberHeightCalc - labelHeight