feat: add ticket status icon colours

ref: #1
nofusscomputing · Sep 26, 2024 · ae9ecad · ae9ecad
1 parent a8986e4
commit ae9ecad
Showing 1 changed file with 70 additions and 10 deletions.
diff --git a/src/index.css b/src/index.css
@@ -775,24 +775,20 @@ div.ticket .contents {
 
 
 
-
-
-
 span.badge {
   background-color: var(--background-colour-active);
-  height: 25px;
-  display: inline-flex;
-  text-align: left;
-  width: fit-content;
   border: 1px solid var(--border-colour-form-field);
   border-radius: 15px;
+  display: inline-flex;
+  height: 25px;
   padding: 0px;
+  text-align: left;
+  width: fit-content;
 }
 
 span.badge span {
   display: inline-block;
   line-height: normal;
-  /* margin: auto 0px; */
   padding: 0px;
 }
 
@@ -804,27 +800,91 @@ span.badge span.badge-icon {
 }
 
 span.badge span.badge-text {
-  padding: 0px;
   height: fit-content;
   line-height: 25px;
   margin: 0px 9px 5px 0px;
+  padding: 0px;
 }
 
-
 span.badge span.badge-icon svg.status-icon {
   border-radius: 10px;
 }
 
+
+span.badge span.badge-icon svg.status-accepted {
+  background-color: #e1ffb2;
+  fill: #2e9200;
+}
+
+span.badge span.badge-icon svg.status-approvals {
+  background-color: #ffceb2;
+  fill: #d86100;
+}
+
+span.badge span.badge-icon svg.status-assigned {
+  background-color: #e1ffb2;
+  fill: #2e9200;
+}
+
+span.badge span.badge-icon svg.status-assigned_planning {
+  background-color: #e1ffb2;
+  fill: #2e9200;
+}
+
+span.badge span.badge-icon svg.status-closed {
+  background-color: #c9b2ff;
+  fill: #640092;
+}
+
+span.badge span.badge-icon svg.status-draft {
+  background-color: #cacaca;
+  fill: #4d4d4d;
+}
+
+span.badge span.badge-icon svg.status-evaluation {
+  background-color: #b2d6ff;
+  fill: #007592;
+}
+
+span.badge span.badge-icon svg.status-invalid {
+  background-color: #ffb2b6;
+  fill: #920000;
+}
+
 span.badge span.badge-icon svg.status-new {
   background-color: #b2dcff;
   fill: #004492
 }
 
+span.badge span.badge-icon svg.status-pending {
+  background-color: #ffceb2;
+  fill: #d86100;
+}
+
 span.badge span.badge-icon svg.status-solved{
   background-color: #c9b2ff;
   fill: #640092;
 }
 
+span.badge span.badge-icon svg.status-testing {
+  background-color: #b2d3ff;
+  fill: #8c00ff;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+