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-dom": "^15.4.2",
"react-dropzone": "^3.9.2", "react-dropzone": "^3.9.2",
"react-icons": "^2.2.3", "react-icons": "^2.2.3",
"react-overlays": "^0.6.12",
"remarkable": "^1.7.1" "remarkable": "^1.7.1"
}, },
"devDependencies": { "devDependencies": {

View File

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