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/loop_viewer/svg | |
| 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/loop_viewer/svg')
| -rw-r--r-- | ui-react/src/components/loop_viewer/svg/LoopSvg.js | 14 | ||||
| -rw-r--r-- | ui-react/src/components/loop_viewer/svg/__snapshots__/LoopSvg.test.js.snap | 6 |
2 files changed, 13 insertions, 7 deletions
diff --git a/ui-react/src/components/loop_viewer/svg/LoopSvg.js b/ui-react/src/components/loop_viewer/svg/LoopSvg.js index 4bbf608df..048f63044 100644 --- a/ui-react/src/components/loop_viewer/svg/LoopSvg.js +++ b/ui-react/src/components/loop_viewer/svg/LoopSvg.js @@ -27,14 +27,20 @@ import { withRouter } from "react-router-dom"; import LoopService from '../../../api/LoopService'; import LoopComponentConverter from './LoopComponentConverter'; -const LoopViewSvgDivStyled = styled.div` - overflow: hidden; +const LoopViewSvgDivStyled = styled.svg` + display: flex; + flex-direction: row; + overflow-x: scroll; background-color: ${props => (props.theme.loopViewerBackgroundColor)}; border: 1px solid; border-color: ${props => (props.theme.loopViewerHeaderColor)}; + margin-top: 1em; margin-left: auto; margin-right:auto; - text-align: center; + margin-bottom: -3em; + align-items: center; + height: 100%; + width: 100%; ` @@ -101,4 +107,4 @@ class LoopViewSvg extends React.Component { } } -export default withRouter(LoopViewSvg);
\ No newline at end of file +export default withRouter(LoopViewSvg); diff --git a/ui-react/src/components/loop_viewer/svg/__snapshots__/LoopSvg.test.js.snap b/ui-react/src/components/loop_viewer/svg/__snapshots__/LoopSvg.test.js.snap index cecfb425a..e05f1c794 100644 --- a/ui-react/src/components/loop_viewer/svg/__snapshots__/LoopSvg.test.js.snap +++ b/ui-react/src/components/loop_viewer/svg/__snapshots__/LoopSvg.test.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Verify LoopSvg Test the render method 1`] = ` -<styled.div +<styled.svg dangerouslySetInnerHTML={ Object { "__html": "<svg><text x=\\"20\\" y=\\"40\\">No LOOP (SVG)</text></svg>", @@ -12,7 +12,7 @@ exports[`Verify LoopSvg Test the render method 1`] = ` `; exports[`Verify LoopSvg Test the render method no loopName 1`] = ` -<styled.div +<styled.svg dangerouslySetInnerHTML={ Object { "__html": "<svg><text x=\\"20\\" y=\\"40\\">No LOOP (SVG)</text></svg>", @@ -23,7 +23,7 @@ exports[`Verify LoopSvg Test the render method no loopName 1`] = ` `; exports[`Verify LoopSvg Test the render method svg not empty 1`] = ` -<styled.div +<styled.svg dangerouslySetInnerHTML={ Object { "__html": "<svg><text test</text></svg>", |