add sticky footer contentview

This commit is contained in:
Clemens 2016-08-06 09:09:45 +02:00
parent 9b0b007a5d
commit ab322f0be4
3 changed files with 6 additions and 5 deletions

View File

@ -11,4 +11,7 @@
.text{ .text{
} }
.codeeditor{
margin-bottom: 12px;
}
} }

View File

@ -6,6 +6,8 @@
.flow-detail { .flow-detail {
width: 100%; width: 100%;
overflow:hidden; overflow:hidden;
display: flex;
flex-direction: column;
nav { nav {
background-color: #F2F2F2; background-color: #F2F2F2;
@ -44,18 +46,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0 !important; padding: 0 !important;
height:95%;
} }
.flowview-body{ .flowview-body{
position:relative;
flex: 1 1 auto;
overflow: auto; overflow: auto;
padding: 5px 12px 0; padding: 5px 12px 0;
} }
.flowview-footer{ .flowview-footer{
flex: 0 0 auto;
box-shadow: 0 0 3px gray; box-shadow: 0 0 3px gray;
padding: 2px; padding: 2px;
margin: 0; margin: 0;

View File

@ -14,7 +14,7 @@ export default function CodeEditor ( { content, onChange} ){
lineNumbers: true lineNumbers: true
}; };
return ( return (
<div onKeyDown={e => e.stopPropagation()}> <div className="codeeditor" onKeyDown={e => e.stopPropagation()}>
<Codemirror value={content} onChange={onChange} options={options}/> <Codemirror value={content} onChange={onChange} options={options}/>
</div> </div>
) )