From 2a29a3a7dbae3023b885a0437247b05955ec5a20 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Wed, 22 Jun 2022 18:28:02 +0800
Subject: [PATCH] update timeline

---
 src/styles/reset.scss                         | 16 ++++++++++++++++
 src/views/dashboard/related/event/Content.vue |  3 ++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index e3e1053a..caecb317 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -165,4 +165,20 @@ div.vis-tooltip {
 
 .vis-item {
   cursor: pointer;
+  height: 17px;
+  border: none !important;
+}
+
+.vis-item.Error {
+  background-color: rgb(238 102 102 / 80%);
+  color: #fff !important;
+}
+
+.vis-item.Normal {
+  background-color: #91cc75;
+  color: #333 !important;
+}
+
+.vis-item .vis-item-content {
+  padding: 0 5px !important;
 }
diff --git a/src/views/dashboard/related/event/Content.vue b/src/views/dashboard/related/event/Content.vue
index 7ce35316..d502375f 100644
--- a/src/views/dashboard/related/event/Content.vue
+++ b/src/views/dashboard/related/event/Content.vue
@@ -56,14 +56,15 @@ function visTimeline() {
       start: dateFormat(d.startTime),
       end: dateFormat(d.endTime),
       data: d,
+      className: d.type,
     };
   });
   const items: any = new DataSet(events);
   const options: any = {
     height: h,
     width: "100%",
-    minHeight: "150px",
     locale: "en",
+    groupHeightMode: "fitItems",
     autoResize: false,
     tooltip: {
       overflowMethod: "cap",