fix: position success toast near abacus instead of app nav

- Change position from 'fixed' to 'absolute' to be relative to tutorial container
- Move from top-right corner of viewport to top-right of abacus area
- Now appears where users are actually looking instead of distant app nav
- Toast notification is much more noticeable and contextually relevant

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-24 10:53:02 -05:00
parent c12a4fc7f0
commit ec40a8d3cb

View File

@@ -1286,13 +1286,13 @@ function TutorialPlayerContent({
</div>
)}
{/* Success toast - subtle, non-blocking notification */}
{/* Success toast - positioned near the abacus */}
{isStepCompleted && !isSuccessPopupDismissed && (
<div
className={css({
position: 'fixed',
top: '20px',
right: '20px',
position: 'absolute',
top: '10px',
right: '10px',
zIndex: 50,
pointerEvents: 'none',
animation: 'slideInRight 0.3s ease-out, fadeOut 0.3s ease-in 2.7s forwards'