[skywalking-rocketbot-ui] branch master updated: feat: add status color (#320)

[wusheng]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git


The following commit(s) were added to refs/heads/master by this push:
     new 7bd1094  feat: add status color (#320)
7bd1094 is described below

commit 7bd1094ca484462d8bd3cda90d598895408aa549
Author: Qiuxia Fan <fine0...@outlook.com>
AuthorDate: Tue Jun 23 12:04:36 2020 +0800

    feat: add status color (#320)
---
 .../components/common/trace-chart-table/trace-item.vue    | 15 ++++++++++++---
 src/views/components/profile/task-list.vue                |  2 --
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/views/components/common/trace-chart-table/trace-item.vue 
b/src/views/components/common/trace-chart-table/trace-item.vue
index a500005..08b0e02 100644
--- a/src/views/components/common/trace-chart-table/trace-item.vue
+++ b/src/views/components/common/trace-chart-table/trace-item.vue
@@ -15,8 +15,15 @@ limitations under the License. -->
 
 <template>
   <div>
-    <div @click="showSelectSpan" :class="['trace-item', 'level' + (data.level 
- 1)]" ref="traceItem">
-      <div  :class="['method', 'level' + (data.level - 1)]" :style="{ 
'text-indent': (data.level - 1) * 10 + 'px', width: `${method}px`}">
+    <div
+      @click="showSelectSpan"
+      :class="['trace-item', 'level' + (data.level - 1), ...{ 
'trace-item-error': data.isError }]"
+      ref="traceItem"
+    >
+      <div
+        :class="['method', 'level' + (data.level - 1)]"
+        :style="{ 'text-indent': (data.level - 1) * 10 + 'px', width: 
`${method}px` }"
+      >
         <svg
           class="icon vm cp trans"
           :style="!displayChildren ? 'transform: rotate(-90deg);' : ''"
@@ -138,7 +145,9 @@ limitations under the License. -->
       left: 0;
     }
   }
-
+  .trace-item-error {
+    color: #e54c17;
+  }
   .trace-item {
     // display: flex;
     white-space: nowrap;
diff --git a/src/views/components/profile/task-list.vue 
b/src/views/components/profile/task-list.vue
index bf92676..d761f43 100644
--- a/src/views/components/profile/task-list.vue
+++ b/src/views/components/profile/task-list.vue
@@ -103,8 +103,6 @@ limitations under the License. -->
             <td
               class="rk-trace-td"
               :class="{
-                'rk-trace-success': !i.isError,
-                'rk-trace-error': i.isError,
                 selected: selectedKey == i.segmentId,
               }"
             >