fix teminal layout

This commit is contained in:
Val Erastov 2016-02-25 18:07:33 -08:00
parent c72b0179f2
commit 907c8d4d6d
3 changed files with 16 additions and 5 deletions

View file

@ -398,7 +398,7 @@ TCAD.ui.Terminal = function(win, commandProcessor) {
var result = commandProcessor(command);
out.append($('<div>', {text: result, class: 'terminal-commandResult'}));
}
out.scrollTop(out.height());
out.parent().scrollTop(out.height());
}
});
};

View file

@ -259,14 +259,22 @@ html, body {
font-family: Monospace;
}
.terminal-output {
.terminal-output-area {
height: calc(100% - 30px);
vertical-align: bottom;
display: flex;
flex-direction: column;
}
.terminal-output {
flex: 1;
}
.terminal-pusher {
height: 100%;
}
.terminal-input {
height: 30px;
vertical-align: bottom;
}
.terminal-input input {

View file

@ -123,7 +123,10 @@
<div id="commands" class="win" style="display: none; height: 200px; width: 700px;">
<div class="tool-caption" >COMMANDS</div>
<div class="content panel" style="padding: 0;">
<div class='terminal-output scroll'></div>
<div class='terminal-output-area scroll'>
<div class='terminal-pusher'></div>
<div class='terminal-output'></div>
</div>
<div class='terminal-input'>
<input type="text" placeholder="(type a command)"/>
</div>