Commit edb08063 authored by Maxime Chaillet's avatar Maxime Chaillet

set the event list menu sticky. It fixes #149.

parent cede6cff
......@@ -48,7 +48,7 @@ class EventListMenu extends React.Component {
expanded={this.state.isNavbarExpanded}
onSelect={this.onSelectNavbar}
onToggle={this.onToggleNavbar}
style={{ background: 'none', border: 'none', WebkitBoxShadow: 'none', boxShadow: 'none' }}>
style={{ background: 'none', border: 'none', WebkitBoxShadow: 'none', boxShadow: 'none', position: 'sticky', top: '0px', backgroundColor:'white' }}>
<Navbar.Header>
<Navbar.Toggle />
......
......@@ -115,7 +115,7 @@ class Event extends React.Component {
</td>
<td classNmae='eventActionBox' style={{ width: '50px', border: 0 }}>
<Button bsStyle="link" bsSize="small" style={{ padding: '0px' }} onClick={() => this.props.onEventClicked(event)}>
<Glyphicon glyph='edit' style={{ width: '40px' }} />
<Glyphicon glyph='edit' style={{ width: '40px', position:'static' }} />
</Button>
</td>
</tr>;
......
......@@ -140,9 +140,10 @@ class InvestigationContainer extends Component {
return (<Grid fluid>
<Tab.Container id="tabs" activeKey={this.state.activeTab} onSelect={this.handleSelect}>
<Row className="clearfix">
<TabContainerMenu isLogBookTabDisplayed={!this.props.isDOI} datasetCount={this.props.datasets.data.length} />
<Row >
{/* <Row className="clearfix" style={{height:'3000px'}}> */}
<Col sm={12}>
<TabContainerMenu isLogBookTabDisplayed={!this.props.isDOI} datasetCount={this.props.datasets.data.length} />
<Tab.Content animation>
<Tab.Pane eventKey={1} mountOnEnter={true}>
<Loader show={this.props.datasets.fetching}>
......@@ -174,7 +175,7 @@ function TabContainerMenu(props) {
logbookClassName = "hidden";
}
return (
<Col sm={12}>
// <Col sm={12}>
<Nav bsStyle="tabs">
<NavItem eventKey={1}>
<div>
......@@ -192,7 +193,7 @@ function TabContainerMenu(props) {
</div>
</NavItem>
</Nav>
</Col>
// </Col>
)
}
......
......@@ -26,13 +26,13 @@ export function getEventIcon(category, size) {
if (category === 'comment') {
return (<img src='/comment.png' width={iconSize} alt='comment.png' />)
} else if (category === 'commandLine') {
return <Glyphicon glyph='expand' style={{ fontSize: iconSize }} />
return <Glyphicon glyph='expand' style={{ fontSize: iconSize, position:'static' }} />
} else if (category === 'error') {
return <Glyphicon glyph='alert' style={{ fontSize: iconSize, color: '#d03436' }} />
return <Glyphicon glyph='alert' style={{ fontSize: iconSize, color: '#d03436', position:'static' }} />
} else if (category === 'info') {
return <Glyphicon glyph='info-sign' style={{ fontSize: iconSize, color: '#3366CC' }} />
return <Glyphicon glyph='info-sign' style={{ fontSize: iconSize, color: '#3366CC', position:'static' }} />
} else if (category === 'debug') {
return <Glyphicon glyph='exclamation-sign' style={{ fontSize: iconSize, color: 'gray' }} />
return <Glyphicon glyph='exclamation-sign' style={{ fontSize: iconSize, color: 'gray', position:'static' }} />
} else if (category === 'previousVersion') {
return (<img src='/previousVersion.png' width={iconSize} alt='previousVersion.png' />)
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment