fix overflow of the aside

This commit is contained in:
Jonathan Rainville 2018-10-28 14:12:01 +01:00
parent 2af3ac439b
commit 207c1319b1
2 changed files with 7 additions and 3 deletions

View File

@ -16,7 +16,7 @@
background-color: #20a8d8;
}
.explorer-aside-card {
.editor-aside {
position: absolute;
top: 0;
left: 0;

View File

@ -71,8 +71,12 @@ class EditorContainer extends React.Component {
<Col xs={this.textEditorXsSize()} md={this.textEditorMdSize()} style={{overflow: 'hidden'}}>
<TextEditorContainer currentFile={this.props.currentFile} onFileContentChange={(newContent) => this.onFileContentChange(newContent)} />
</Col>
{this.state.currentAsideTab && <Col xs={6} md={3} className="editor-aside border-left-0">
<TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab} currentFile={this.props.currentFile} />
{this.state.currentAsideTab &&
<Col xs={6} md={3} className="border-left-0 relative">
<div className="editor-aside">
<TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab}
currentFile={this.props.currentFile}/>
</div>
</Col>}
</Row>
);