UI: Update theme for duplicate chip to green
Duplicate tasks don't signify a failure, so change their color to
match successful tasks. Also, change the order of chips to show
duplicate chips at the end.
Change-Id: I079491efe0b3ed94a1bd7881ad19c26a27765f39
diff --git a/gr-task-plugin/gr-task-chip_html.js b/gr-task-plugin/gr-task-chip_html.js
index 695e6a4..27cee0f 100644
--- a/gr-task-plugin/gr-task-chip_html.js
+++ b/gr-task-plugin/gr-task-chip_html.js
@@ -92,16 +92,16 @@
background: var(--error-background-focus);
}
.taskSummaryChip.duplicate {
- color: var(--error-foreground);
- border-color: var(--error-foreground);
- background: var(--error-background);
+ color: var(--success-foreground);
+ border-color: var(--success-foreground);
+ background: var(--success-background);
}
.taskSummaryChip.duplicate:hover {
- background: var(--error-background-hover);
+ background: var(--success-background-hover);
box-shadow: var(--elevation-level-1);
}
.taskSummaryChip.duplicate:focus-within {
- background: var(--error-background-focus);
+ background: var(--success-background-focus);
}
.taskSummaryChip.fail {
color: var(--error-foreground);
diff --git a/gr-task-plugin/gr-task-summary_html.js b/gr-task-plugin/gr-task-summary_html.js
index 9da3c7c..4667060 100644
--- a/gr-task-plugin/gr-task-summary_html.js
+++ b/gr-task-plugin/gr-task-summary_html.js
@@ -75,10 +75,10 @@
<gr-task-chip chip_style="loading" hidden$="[[!is_loading]]">loading...</gr-task-chip>
<gr-task-chip chip_style="fail" hidden$="[[!fail_count]]">[[fail_count]] blocked</gr-task-chip>
<gr-task-chip chip_style="invalid" hidden$="[[!invalid_count]]">[[invalid_count]] invalid</gr-task-chip>
- <gr-task-chip chip_style="duplicate" hidden$="[[!duplicate_count]]">[[duplicate_count]] duplicate</gr-task-chip>
- <gr-task-chip chip_style="ready" hidden$="[[!ready_count]]">[[ready_count]] needed</gr-task-chip>
<gr-task-chip chip_style="waiting" hidden$="[[!waiting_count]]">[[waiting_count]] waiting</gr-task-chip>
+ <gr-task-chip chip_style="ready" hidden$="[[!ready_count]]">[[ready_count]] needed</gr-task-chip>
<gr-task-chip chip_style="success" hidden$="[[!pass_count]]">[[pass_count]] passed</gr-task-chip>
+ <gr-task-chip chip_style="duplicate" hidden$="[[!duplicate_count]]">[[duplicate_count]] duplicate</gr-task-chip>
</template>
</td>
</tr>
