docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix problem where log overlay scrolls with logs

This commit is contained in:
Jeffrey Morgan 2015-02-17 09:30:26 -08:00
parent d0d4942a21
commit 33be5faddc
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/ContainerHomeLogs.react.js
View File

@ -24,7 +24,7 @@ var ContainerHomeLogs = React.createClass({
}, },
componentDidUpdate: function () { componentDidUpdate: function () {
// Scroll logs to bottom // Scroll logs to bottom
var parent = $('.mini-logs > .widget'); var parent = $('.logs');
if (parent.scrollTop() >= _oldScrollTop) { if (parent.scrollTop() >= _oldScrollTop) {
parent.scrollTop(parent[0].scrollHeight - parent.height()); parent.scrollTop(parent[0].scrollHeight - parent.height());
} }
@ -52,7 +52,9 @@ var ContainerHomeLogs = React.createClass({
<div className="mini-logs wrapper"> <div className="mini-logs wrapper">
<h4>Logs</h4> <h4>Logs</h4>
<div className="widget"> <div className="widget">
{logs} <div className="logs">
{logs}
</div>
<div className="mini-logs-overlay" onClick={this.handleClickLogs}><span className="icon icon-scale-spread-1"></span><div className="text">View Logs</div></div> <div className="mini-logs-overlay" onClick={this.handleClickLogs}><span className="icon icon-scale-spread-1"></span><div className="text">View Logs</div></div>
</div> </div>
</div> </div>