From 42fa9f46d63968458cae9b2c72e7c4d0daca394b Mon Sep 17 00:00:00 2001 From: sebdet <sebastien.determe@intl.att.com> Date: Fri, 26 Mar 2021 18:31:08 +0100 Subject: Modify the PolicyDeploymentEditor to support checkboxes Add code to the PolicyDeploymentEditor so that checkboxes are rendered. Issue-ID: POLICY-2931 Signed-off-by: sebdet <sebastien.determe@intl.att.com> Change-Id: I3c933272419770595b706f6950f821220a76f789 --- ui-react/src/components/dialogs/Policy/ToscaViewer.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) (limited to 'ui-react/src/components/dialogs/Policy/ToscaViewer.js') diff --git a/ui-react/src/components/dialogs/Policy/ToscaViewer.js b/ui-react/src/components/dialogs/Policy/ToscaViewer.js index 06e83164d..d150e39db 100644 --- a/ui-react/src/components/dialogs/Policy/ToscaViewer.js +++ b/ui-react/src/components/dialogs/Policy/ToscaViewer.js @@ -26,8 +26,7 @@ import PolicyToscaService from '../../../api/PolicyToscaService'; import styled from 'styled-components'; import Button from 'react-bootstrap/Button'; -const JsonEditorDiv = styled.div` - margin-top: 20px; +const ToscaDiv = styled.div` background-color: ${props => props.theme.toscaTextareaBackgroundColor}; text-align: justify; font-size: ${props => props.theme.toscaTextareaFontSize}; @@ -57,11 +56,11 @@ export default class ToscaViewer extends React.Component { render() { return ( - <JsonEditorDiv> + <ToscaDiv> <pre>{this.state.yamlPolicyTosca}</pre> <Button variant="secondary" title="Create a new policy version from the defined parameters" onClick={this.handleCreateNewVersion}>Create New Version</Button> - </JsonEditorDiv> + </ToscaDiv> ); } } \ No newline at end of file -- cgit