fix(ui): put toolbar over the logs (#3731)

Signed-off-by: Benjamin Coenen <benjamin.coenen@corp.ovh.com>
ovh · Dec 14, 2018 · bb1c29e · bb1c29e
1 parent fb5a445
commit bb1c29e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/ui/src/app/views/workflow/run/node/pipeline/step/step.log.html b/ui/src/app/views/workflow/run/node/pipeline/step/step.log.html
@@ -14,7 +14,7 @@
         </div>
     </div>
     <div class="logs" *ngIf="showLog">
-        <div class="right floated">
+        <div class="right floated toolbar" *ngIf="splittedLogsToDisplay && splittedLogsToDisplay.length > 2">
           <div class="mini ui icon buttons">
               <button class="ui button"
                   [title]="'workflow_logs_pretty_ansi' | translate"

diff --git a/ui/src/app/views/workflow/run/node/pipeline/step/step.log.scss b/ui/src/app/views/workflow/run/node/pipeline/step/step.log.scss
@@ -56,6 +56,13 @@ $yellowLogs: #FFFF91;
   clear: both;
   padding: 10px $squareSize 10px $squareSize;
   padding-left: 0px;
+  position: relative;
+
+  .toolbar {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+  }
 
   .yellow {
     color: $yellowLogs;