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

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

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