Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-22 16:38:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Fix config handle

Browse source
This commit is contained in:
Nakul Nagargade 2025-03-10 13:25:20 +05:30
parent c031d59718
commit 53e7de0247
2 changed files with 25 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/AppBuilder/AppCanvas/ConfigHandle/ConfigHandle.jsx
View file

@ -111,19 +111,33 @@ export const ConfigHandle = ({
</div>
{/* Delete Button */}
{!isMultipleComponentsSelected && !shouldFreeze && (
<span
style={{ cursor: 'pointer', marginLeft: '5px' }}
onClick={() => {
deleteComponents([id]);
}}
>
<SolidIcon
name="trash"
<div>
<img
style={{ cursor: 'pointer', marginLeft: '5px' }}
src="assets/images/icons/inspect.svg"
width="12"
role="button"
height="12"
fill={visibility === false ? 'var(--text-placeholder)' : '#fff'}
draggable="false"
onClick={() => setComponentToInspect(componentName)}
data-cy={`${componentName.toLowerCase()}-inspect-button`}
className="config-handle-inspect"
/>
</span>
<span
style={{ cursor: 'pointer', marginLeft: '5px' }}
onClick={() => {
deleteComponents([id]);
}}
data-cy={`${componentName.toLowerCase()}-delete-button`}
>
<SolidIcon
name="trash"
width="12"
height="12"
fill={visibility === false ? 'var(--text-placeholder)' : '#fff'}
/>
</span>
</div>
)}
</span>
</div>

17
frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
View file

@ -31,22 +31,7 @@
.badge {
font-size: 9px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
.delete-part {
margin-left: 10px;
float: right;
}
.delete-part::before {
height: 12px;
display: inline-block;
width: 2px;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0.5;
content: "";
vertical-align: middle;
}
border-bottom-right-radius: 0
}
}