Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Fixing column delete button css and margin

Browse Source
This commit is contained in:
Satbir Singh 2020-04-03 06:56:13 +00:00
parent 3a12124d47
commit ac27f0f2c6
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
app/client/src/components/propertyControls/ColumnActionSelectorControl.tsx
View File

@ -16,17 +16,15 @@ export interface ColumnAction {
dynamicTrigger: string;
}
const StyledDeleteIcon = styled(FormIcons.DELETE_ICON as AnyStyledComponent)`
padding: 5px 5px;
padding: 5px 0px;
position: absolute;
right: 8px;
cursor: pointer;
top: 0px;
`;
const StyledInputText = styled(InputText)`
&& {
margin-bottom: 3px;
}
const Wrapper = styled.div`
margin-bottom: 8px;
`;
class ColumnActionSelectorControl extends BaseControl<
@ -44,24 +42,28 @@ class ColumnActionSelectorControl extends BaseControl<
position: "relative",
}}
>
<StyledInputText
label={columnAction.label}
value={columnAction.label}
onChange={this.updateColumnActionLabel.bind(
this,
columnAction,
)}
isValid={true}
/>
<DynamicActionCreator
value={columnAction.dynamicTrigger}
isValid={(columnAction as any).isValid}
validationMessage={(columnAction as any).message}
onValueChange={this.updateColumnActionFunction.bind(
this,
columnAction,
)}
/>
<Wrapper>
<InputText
label={columnAction.label}
value={columnAction.label}
onChange={this.updateColumnActionLabel.bind(
this,
columnAction,
)}
isValid={true}
/>
</Wrapper>
<Wrapper>
<DynamicActionCreator
value={columnAction.dynamicTrigger}
isValid={(columnAction as any).isValid}
validationMessage={(columnAction as any).message}
onValueChange={this.updateColumnActionFunction.bind(
this,
columnAction,
)}
/>
</Wrapper>
<StyledDeleteIcon
height={20}
width={20}