From d2d08585de7682e762e20a2bea4591c15b6f7d88 Mon Sep 17 00:00:00 2001
From: Michael Hartung <michi@Michaels-MacBook-Pro.local>
Date: Mon, 26 Jul 2021 17:58:19 +0200
Subject: [PATCH] task list styling
---
src/app/components/task-list/task-list.component.html | 2 +-
src/app/components/task-list/task-list.component.scss | 5 +++++
src/app/pages/explorer-page/explorer-page.component.html | 2 +-
src/app/pages/explorer-page/explorer-page.component.scss | 4 ++++
src/app/services/analysis/analysis.service.ts | 3 ++-
5 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/src/app/components/task-list/task-list.component.html b/src/app/components/task-list/task-list.component.html
index a0f19df9..f69fef21 100644
--- a/src/app/components/task-list/task-list.component.html
+++ b/src/app/components/task-list/task-list.component.html
@@ -1,6 +1,6 @@
<div class="content">
<div class="list is-hoverable">
- <a *ngFor="let task of analysis.tasks" class="list-item" [class.is-active]="task.token === token">
+ <a *ngFor="let task of analysis.tasks" class="list-item box small-box" [class.is-active]="task.token === token">
<div *ngIf="!task.info.startedAt">
<p>
<span class="is-capitalized"><i class="fa" [class.fa-capsules]="task.info.target === 'drug'"
diff --git a/src/app/components/task-list/task-list.component.scss b/src/app/components/task-list/task-list.component.scss
index 6b80230a..24be08a3 100644
--- a/src/app/components/task-list/task-list.component.scss
+++ b/src/app/components/task-list/task-list.component.scss
@@ -19,3 +19,8 @@
border: 1px solid var(--drgstn-border);
display: inline-block;
}
+
+.small-box {
+ margin: 0.5rem;
+ padding: 0.5rem;
+}
diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index b27a8d76..9cc38a20 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -400,7 +400,7 @@
</a>
</header>
<div *ngIf="collapseTask">
- <div class="card-content overflow" *ngIf="analysis.tasks && analysis.tasks.length > 0">
+ <div class="card-content overflow task-list-container" *ngIf="analysis.tasks && analysis.tasks.length > 0">
<app-task-list [(token)]="selectedAnalysisToken"></app-task-list>
</div>
<footer class="card-footer">
diff --git a/src/app/pages/explorer-page/explorer-page.component.scss b/src/app/pages/explorer-page/explorer-page.component.scss
index 22f3b24b..050dc200 100644
--- a/src/app/pages/explorer-page/explorer-page.component.scss
+++ b/src/app/pages/explorer-page/explorer-page.component.scss
@@ -70,3 +70,7 @@
width: 100%;
}
+.task-list-container {
+ padding: 0.5rem;
+}
+
diff --git a/src/app/services/analysis/analysis.service.ts b/src/app/services/analysis/analysis.service.ts
index 7bd72c48..cc9738a8 100644
--- a/src/app/services/analysis/analysis.service.ts
+++ b/src/app/services/analysis/analysis.service.ts
@@ -364,7 +364,8 @@ export class AnalysisService {
if (this.intervalId) {
clearInterval(this.intervalId);
}
- this.intervalId = setInterval(watch, 5000);
+ // 5000
+ this.intervalId = setInterval(watch, 5000000000000);
}
--
GitLab