Adjusted styles for logs stream (argoproj#614)

sivam1 · Jan 2, 2018 · 849e916 · 849e916
1 parent a8a9603
commit 849e916
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 10 deletions.
diff --git a/ui/src/app/+workflows/workflow-step-details-box/workflow-step-details-box.component.ts b/ui/src/app/+workflows/workflow-step-details-box/workflow-step-details-box.component.ts
@@ -10,7 +10,8 @@ import { WorkflowsService } from '../../services';
 })
 export class WorkflowStepDetailsBoxComponent {
 
- constructor(private workflowsService: WorkflowsService) {}
+ constructor(private workflowsService: WorkflowsService) {
+ }
 
  @Input()
  public tab: string;
@@ -26,12 +27,12 @@ export class WorkflowStepDetailsBoxComponent {
 
  public getLogsSource() {
  return {
-  loadLogs: () => {
-  return this.nodeName && this.workflowsService.getStepLogs(this.workflowTree.workflow.metadata.namespace, this.nodeName);
-  },
-  getKey() {
-  return this.nodeName;
-  }
+ loadLogs: () => {
+ return this.nodeName && this.workflowsService.getStepLogs(this.workflowTree.workflow.metadata.namespace, this.nodeName);
+ },
+ getKey() {
+ return this.nodeName;
+ }
  };
-}
+ }
 }
diff --git a/ui/src/app/+workflows/workflow-step-details-box/workflow-step-details-box.html b/ui/src/app/+workflows/workflow-step-details-box/workflow-step-details-box.html
@@ -4,7 +4,14 @@
  </ax-tab>
  <ax-tab tabKey="logs" tabTitle="LOGS">
  <div class="workflow-step-details-box__logs workflow-step-details-box__logs--panel">
- <ax-logs [source]="getLogsSource()" *ngIf="tab==='logs'" [tailLogs]="true"></ax-logs>
+ <ax-logs #logs [source]="getLogsSource()" [tailLogs]="true"></ax-logs>
+ <div class="row workflow-step-details-box__logs-footer">
+ <div class="columns small-12">
+ <a class="workflow-tree__back-to-top" (click)="logs.scrollToTop()">
+ <span class="workflow-tree__back-to-top__ico"><i class="fa fa-chevron-up"></i></span> BACK TO TOP
+ </a>
+ </div>
+ </div>
  </div>
  </ax-tab>
  <ax-tab tabKey="artifacts" tabTitle="ARTIFACTS">

diff --git a/ui/src/app/+workflows/workflow-step-details-box/workflow-step-details-box.scss b/ui/src/app/+workflows/workflow-step-details-box/workflow-step-details-box.scss
@@ -1,8 +1,15 @@
+@import '../../../assets/styles/config';
 .workflow-step-details-box {
  &__logs {
  height: calc(100vh - 409px);
  &--panel {
- height: calc(100vh - 220px);
+ height: calc(100vh - 129px);
  }
  }
+
+ &__logs-footer {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ border-top: 1px solid $ax-color-gray-4;
+ }
 }