Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Apply higher z-index for selected component (#1474)

Browse source
This commit is contained in:
Sherfin Shamsudeen 2021-11-30 19:48:12 +05:30 committed by GitHub
parent 3f477fd6df
commit 9326120b5a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/Editor/DraggableBox.jsx
View file

@ -45,18 +45,13 @@ function computeWidth(currentLayoutOptions) {
return `${currentLayoutOptions?.width}%`;
}
function getStyles(left, top, isDragging, component, isSelectedComponent, currentLayoutOptions) {
// const transform = `translate3d(${left}px, ${top}px, 0)`;
function getStyles(isDragging, isSelectedComponent) {
return {
position: 'absolute',
// transform,
// WebkitTransform: transform,
zIndex: isSelectedComponent ? 2 : 1,
// IE fallback: hide the real node using CSS when dragging
// because IE will ignore our custom "empty image" drag preview.
opacity: isDragging ? 0 : 1,
height: isDragging ? 0 : '100%',
width: computeWidth(currentLayoutOptions),
};
}
@ -179,6 +174,7 @@ export const DraggableBox = function DraggableBox({
className="draggable-box "
onMouseOver={() => setMouseOver(true)}
onMouseLeave={() => setMouseOver(false)}
style={getStyles(isDragging, isSelectedComponent)}
>
<Rnd
style={{ ...style }}