docs: document Issue 2 fix (cursor border conflicts)
This commit is contained in:
+13
-2
@@ -476,9 +476,20 @@ const gameManager = {
|
|||||||
- useEffect runs after render
|
- useEffect runs after render
|
||||||
- boardRendered ensures proper ordering
|
- boardRendered ensures proper ordering
|
||||||
|
|
||||||
|
#### 5. Fixed Cursor Border Conflicts (Issue 2)
|
||||||
|
**Problem**: Cursor border conflicting with 3x3 box separators
|
||||||
|
- Cells have borders for grid structure
|
||||||
|
- Cursor border overlapped/clipped at edges
|
||||||
|
- Screenshots showed visual conflicts
|
||||||
|
|
||||||
|
**Solution**: Use outline instead of border
|
||||||
|
- `outline: 3px solid` (sits above borders)
|
||||||
|
- `outline-offset: -3px` (draws inside cell)
|
||||||
|
- `z-index: 10 + position: relative` (layers above)
|
||||||
|
- Outline doesn't affect layout or conflict with borders
|
||||||
|
|
||||||
### Next Steps
|
### Next Steps
|
||||||
- Issue 2: Fix cursor border conflicts with grid edges
|
- Issue 3: Add red flash on invalid movement attempts (500ms)
|
||||||
- Issue 3: Add red flash on invalid movement attempts
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user