mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-24 01:18:23 +00:00
Minor UI fixes
This commit is contained in:
parent
ec757ec154
commit
ae6c4f1814
3 changed files with 5 additions and 5 deletions
|
|
@ -64,7 +64,7 @@ export const Box = function Box({ id, mode, width, height, yellow, preview, comp
|
|||
component={component}>
|
||||
</ComponentToRender>
|
||||
:
|
||||
<div className="row p-1 m-1">
|
||||
<div className="row p-1 m-1" style={{cursor: 'move'}}>
|
||||
<div className="col-md-3 component-image-holder">
|
||||
<center><img src={component.icon}/></center>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -211,9 +211,9 @@ export function Table({ id, width, height, component, onComponentClick, currentS
|
|||
<table {...getTableProps()} className="table table-vcenter table-nowrap table-bordered" style={computedStyles}>
|
||||
<thead>
|
||||
{headerGroups.map(headerGroup => (
|
||||
<tr {...headerGroup.getHeaderGroupProps()} tabIndex="0" className="tr" onDragEnd={(e) => { alert('ss'); e.preventDefault(); e.stopPropagation(); } }>
|
||||
<tr {...headerGroup.getHeaderGroupProps()} tabIndex="0" className="tr">
|
||||
{headerGroup.headers.map(column => (
|
||||
<th className="th" onDragEnd={(e) => { alert('ss'); e.preventDefault(); e.stopPropagation(); }}
|
||||
<th className="th"
|
||||
{...column.getHeaderProps(column.getSortByToggleProps())}
|
||||
className={
|
||||
column.isSorted
|
||||
|
|
@ -224,7 +224,7 @@ export function Table({ id, width, height, component, onComponentClick, currentS
|
|||
}
|
||||
>
|
||||
{column.render("Header")}
|
||||
<div draggable="true" onDragEnd={(e) => { alert('ss'); e.preventDefault(); e.stopPropagation(); } }
|
||||
<div draggable="true"
|
||||
{...column.getResizerProps()}
|
||||
className={`resizer ${
|
||||
column.isResizing ? 'isResizing' : ''
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ export const Container = ({ mode, snapToGrid, onComponentClick, onEvent, appDefi
|
|||
componentData = JSON.parse(JSON.stringify(componentMeta));
|
||||
componentData.name = computeComponentName(componentData.component, boxes);
|
||||
|
||||
left = Math.round(item.left + delta.x + document.body.offsetWidth - (document.body.offsetWidth * ((leftSideBarWidth + rightSideBarWidth)/100)));
|
||||
left = Math.round(delta.x + document.body.offsetWidth - (document.body.offsetWidth * ((leftSideBarWidth + rightSideBarWidth)/100)));
|
||||
|
||||
top = Math.round(monitor.getInitialSourceClientOffset().y - item.top + delta.y);
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue