diff --git a/webadmin/src/theme.scss b/webadmin/src/theme.scss index dec5707a7..3035f60bc 100644 --- a/webadmin/src/theme.scss +++ b/webadmin/src/theme.scss @@ -1089,40 +1089,8 @@ footer { // Logs // ---------------------------- -.logs-main { - text-align: left; - width: 100%; - flex-grow: 1; - display: flex; - flex-direction: column; - - .logs-controls { - margin-top: 25px; - } - - .log-line { - line-height: 1.2; - - &:hover { - background-color: #333333; - } - - .time { - color: #00FFFF; - } - } - - .logs-and-term-container { - flex-grow: 1; - margin-left: calc(8.33% + 15px); - margin-right: calc(8.33% + 15px); - margin-bottom: 20px; - background-color: black; - color: white; - overflow: auto; - padding: 5px; - font-family: monospace; - } +.logs-controls { + margin-top: 25px; .ng-isolate-scope { display: inline-block; @@ -1145,3 +1113,27 @@ footer { } } } + +.logs-and-term-container { + flex-grow: 1; + margin-left: calc(8.33% + 15px); + margin-right: calc(8.33% + 15px); + margin-bottom: 20px; + background-color: black; + color: white; + overflow: auto; + padding: 5px; + font-family: monospace; + + .log-line { + line-height: 1.2; + + &:hover { + background-color: #333333; + } + + .time { + color: #00FFFF; + } + } +} diff --git a/webadmin/src/views/logs.html b/webadmin/src/views/logs.html index 498813449..489e9845b 100644 --- a/webadmin/src/views/logs.html +++ b/webadmin/src/views/logs.html @@ -1,4 +1,4 @@ -
+
@@ -6,11 +6,11 @@ - + Download
-
+ diff --git a/webadmin/src/views/logs.js b/webadmin/src/views/logs.js index 698c9ddf6..fa2632c70 100644 --- a/webadmin/src/views/logs.js +++ b/webadmin/src/views/logs.js @@ -69,14 +69,14 @@ angular.module('Application').controller('LogsController', ['$scope', '$location // check if we want to auto scroll (this is before the appending, as that skews the check) var tmp = $('.logs-and-term-container'); - var autoScroll = tmp.scrollTop > (tmp.scrollTopMax - 24); + var autoScroll = tmp[0].scrollTop > (tmp[0].scrollTopMax - 24); var logLine = $('
'); var timeString = moment.utc(data.realtimeTimestamp/1000).format('MMM DD HH:mm:ss'); logLine.html('' + timeString + ' ' + window.ansiToHTML(typeof data.message === 'string' ? data.message : ab2str(data.message))); tmp.append(logLine); - if (autoScroll) tmp.lastChild.scrollIntoView({ behavior: 'instant', block: 'end' }); + if (autoScroll) tmp[0].lastChild.scrollIntoView({ behavior: 'instant', block: 'end' }); }; }); };