Justin Edmund
1c38dc87e3
- Added menuNode state to capture the node position when menu opens - Updated all action functions to use menuNode instead of currentNode - This ensures drag handle actions (Turn into, Delete, etc.) always affect the block where the handle was clicked, not where the mouse currently hovers - Also formatted code with prettier 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
28 lines
813 B
SCSS
28 lines
813 B
SCSS
// Import Tippy.js base styles
|
|
@import 'tippy.js/dist/tippy.css';
|
|
@import 'tippy.js/animations/scale.css';
|
|
|
|
// Link tooltip styles - only apply to tooltips with the link-tooltip theme
|
|
:global(.tippy-box[data-theme~='link-tooltip']) {
|
|
background-color: $gray-00;
|
|
color: $gray-100;
|
|
font-size: $font-size-extra-small;
|
|
font-family: $font-stack;
|
|
font-weight: $font-weight;
|
|
letter-spacing: $letter-spacing;
|
|
line-height: 1.4;
|
|
padding: $unit-half $unit;
|
|
border-radius: $corner-radius-sm;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
z-index: 9999;
|
|
}
|
|
|
|
:global(.tippy-box[data-theme~='link-tooltip'] .tippy-arrow) {
|
|
color: $gray-00;
|
|
}
|
|
|
|
// Animation adjustments for link tooltips
|
|
:global(.tippy-box[data-theme~='link-tooltip'][data-animation='scale'][data-state='hidden']) {
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
}
|