diff options
| author |   Ted Humphrey <Thomas.Humphrey@att.com> | 2020-04-16 17:36:17 +0000 |
|---|---|---|
| committer | Ted Humphrey <Thomas.Humphrey@att.com> | 2020-04-16 21:44:24 -0400 |
| commit | df68db271f23561671a59b1678c39b8ee54cd8e4 (patch) | |
| tree | 5873a2906c0b1bdab87587734f5fd5ea0baa0362 /ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js | |
| parent | 6e7d04895c9133f772f3d781e84dbfc7b32f2874 (diff) | |
Minor UI fixes for dialogues and Tosca upload feature
Issue-ID: CLAMP-587
Change-Id: I683b62fbd0b15ab5db18c7e1e941ff8cb58cb0f3
Signed-off-by: Ted Humphrey <Thomas.Humphrey@att.com>
Diffstat (limited to 'ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js')
| -rw-r--r-- | ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js b/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js index c5a91ea26..7cf02f711 100644 --- a/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js +++ b/ui-react/src/components/dialogs/Tosca/ViewLoopTemplatesModal.js @@ -38,16 +38,24 @@ import MaterialTable from "material-table"; const ModalStyled = styled(Modal)` background-color: transparent; ` -const LoopViewSvgDivStyled = styled.div` - overflow: hidden; +const LoopViewSvgDivStyled = styled.svg` + overflow-x: scroll; background-color: ${props => (props.theme.loopViewerBackgroundColor)}; border-color: ${props => (props.theme.loopViewerHeaderColor)}; - margin-left: auto; + margin-top: 3em; + margin-left: 2em; margin-right:auto; text-align: center; - margin-top: 20px; + height: 100%; + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + ` const SvgContainerDivStyled = styled.div` + display: flex; + align-items: center; border: 1px solid; ` @@ -133,7 +141,7 @@ export default class ViewLoopTemplatesModal extends React.Component { render() { return ( - <ModalStyled size="xl" show={this.state.show} onHide={this.handleClose} backdrop="static"> + <ModalStyled size="xl" show={this.state.show} onHide={this.handleClose} backdrop="static" keyboard={false}> <Modal.Header closeButton> </Modal.Header> <Modal.Body> |