Affix for debug panel

This commit is contained in:
Johannes Zillmann 2017-03-29 08:15:39 +02:00
parent 96d4f72889
commit 5ef6c362b0
2 changed files with 80 additions and 76 deletions

View File

@ -32,6 +32,7 @@
"react-dom": "^15.4.2",
"react-dropzone": "^3.9.2",
"react-icons": "^2.2.3",
"react-overlays": "^0.6.12",
"remarkable": "^1.7.1"
},
"devDependencies": {

View File

@ -10,6 +10,7 @@ import Label from 'react-bootstrap/lib/Label'
import Checkbox from 'react-bootstrap/lib/Checkbox'
import Collapse from 'react-bootstrap/lib/Collapse'
import Panel from 'react-bootstrap/lib/Panel'
import AutoAffix from 'react-overlays/lib/AutoAffix';
import ParseResult from '../models/ParseResult.jsx';
@ -115,6 +116,7 @@ export default class DebugView extends React.Component {
return (
<div>
<AutoAffix viewportOffsetTop={ 15 } container={ this }>
<table>
<tbody>
{ lastTransformation.showPageSelection() &&
@ -197,6 +199,7 @@ export default class DebugView extends React.Component {
</tr>
</tbody>
</table>
</AutoAffix>
{ !this.state.showStatistics &&
<hr style={ { marginTop: '5px' } } /> }
<ul>