embarklabs/embark
2
0
Fork 0
mirror of https://github.com/embarklabs/embark.git synced 2025-02-02 08:56:11 +00:00
Code Issues Projects Releases Wiki Activity

fix overflow of the aside

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
embark-ui/src/containers/EditorContainer.css
View File

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

8
embark-ui/src/containers/EditorContainer.js
View File

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