Fixed alignment issue with the download standard out tooltip when the output is too big.

This commit is contained in:
Michael Abashian 2017-01-19 18:49:43 -05:00
parent 49c2838036
commit a13d2ca4bb
2 changed files with 11 additions and 1 deletions

View File

@ -201,3 +201,13 @@ job-results-standard-out {
.JobResults .CodeMirror-cursors {
display: none;
}
.JobResults-downloadTooLarge {
display: flex;
}
.JobResults-downloadTooLarge--icon {
display: flex;
align-items: center;
justify-content: center;
}

View File

@ -452,7 +452,7 @@ function(jobData, jobDataOptions, jobLabels, jobFinished, count, $scope, ParseTy
$(".header_task").hide();
$(".header_play").hide();
$scope.tooManyEvents = true;
$scope.standardOutTooltip = i18n._('The output is too large to display. Please download.<span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-stack-1x icon-job-stdout-download-tooltip"></i></span>');
$scope.standardOutTooltip = i18n._('<div class="JobResults-downloadTooLarge"><div>The output is too large to display. Please download.</div><div class="JobResults-downloadTooLarge--icon"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-stack-1x icon-job-stdout-download-tooltip"></i></span></div></div>');
} else {
$(".header_task").show();
$(".header_play").show();