Code Review
/
clamp.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
review
|
tree
raw
|
inline
| side by side
Add info in the SVG
[clamp.git]
/
ui-react
/
src
/
components
/
loop_viewer
/
svg
/
LoopSvg.js
diff --git
a/ui-react/src/components/loop_viewer/svg/LoopSvg.js
b/ui-react/src/components/loop_viewer/svg/LoopSvg.js
index
48f0335
..
048f630
100644
(file)
--- a/
ui-react/src/components/loop_viewer/svg/LoopSvg.js
+++ b/
ui-react/src/components/loop_viewer/svg/LoopSvg.js
@@
-23,18
+23,24
@@
import React from 'react';
import styled from 'styled-components';
import LoopCache from '../../../api/LoopCache';
import React from 'react';
import styled from 'styled-components';
import LoopCache from '../../../api/LoopCache';
-import { withRouter } from "react-router";
+import { withRouter } from "react-router
-dom
";
import LoopService from '../../../api/LoopService';
import LoopComponentConverter from './LoopComponentConverter';
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)};
background-color: ${props => (props.theme.loopViewerBackgroundColor)};
border: 1px solid;
border-color: ${props => (props.theme.loopViewerHeaderColor)};
+ margin-top: 1em;
margin-left: auto;
margin-right:auto;
margin-left: auto;
margin-right:auto;
- text-align: center;
+ margin-bottom: -3em;
+ align-items: center;
+ height: 100%;
+ width: 100%;
`
`
@@
-61,7
+67,7
@@
class LoopViewSvg extends React.Component {
return this.state.svgContent !== nextState.svgContent;
}
return this.state.svgContent !== nextState.svgContent;
}
- componentWillReceiveProps(newProps) {
+ componentWillReceiveProps(newProps) {
if (this.state.loopCache !== newProps.loopCache) {
this.setState({
loopCache: newProps.loopCache,
if (this.state.loopCache !== newProps.loopCache) {
this.setState({
loopCache: newProps.loopCache,
@@
-101,4
+107,4
@@
class LoopViewSvg extends React.Component {
}
}
}
}
-export default withRouter(LoopViewSvg);
\ No newline at end of file
+export default withRouter(LoopViewSvg);