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:
@@ -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'
|
||||
|
||||
Reference in New Issue
Block a user