fix: adjust z-index values for DynamicComponent and PinOverlay for improved layering
This commit is contained in:
parent
9925d8b31e
commit
f9dfc2b012
|
|
@ -228,7 +228,7 @@ export const DynamicComponent: React.FC<DynamicComponentProps> = ({
|
||||||
borderRadius: '4px',
|
borderRadius: '4px',
|
||||||
padding: '4px',
|
padding: '4px',
|
||||||
userSelect: 'none',
|
userSelect: 'none',
|
||||||
zIndex: isSelected ? 1000 : 1,
|
zIndex: isSelected ? 5 : 1,
|
||||||
pointerEvents: 'auto',
|
pointerEvents: 'auto',
|
||||||
transform: properties.rotation ? `rotate(${properties.rotation}deg)` : undefined,
|
transform: properties.rotation ? `rotate(${properties.rotation}deg)` : undefined,
|
||||||
transformOrigin: 'center center',
|
transformOrigin: 'center center',
|
||||||
|
|
|
||||||
|
|
@ -50,7 +50,7 @@ export const PinOverlay: React.FC<PinOverlayProps> = ({
|
||||||
left: `${componentX + 6}px`, // +6px for wrapper padding (4px padding + 2px border)
|
left: `${componentX + 6}px`, // +6px for wrapper padding (4px padding + 2px border)
|
||||||
top: `${componentY + 6}px`,
|
top: `${componentY + 6}px`,
|
||||||
pointerEvents: 'none',
|
pointerEvents: 'none',
|
||||||
zIndex: 1002, // Above property dialog (1001)
|
zIndex: 10, // Above wires (1) and components, below modals/dialogs (1000+)
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{pins.map((pin) => {
|
{pins.map((pin) => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue