IO-2133 Manual Line Highlighting

2022-12-27 13:32:24 -08:00
parent a551258895
commit b0755a0cde
2 changed files with 7 additions and 1 deletions
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -147,4 +147,9 @@
 //Update row highlighting on production board. 
 .ant-table-tbody > tr.ant-table-row:hover > td {
  background: #eaeaea !important;
-}
+}
+
+.job-line-manual{
+  color: tomato;
+  font-style: italic;
+}
--- a/client/src/components/job-detail-lines/job-lines.component.jsx
+++ b/client/src/components/job-detail-lines/job-lines.component.jsx
@@ -103,6 +103,7 @@ export function JobLinesComponent({
      fixed: "left",
      key: "line_desc",
      sorter: (a, b) => alphaSort(a.line_desc, b.line_desc),
+      onCell: (record) => ({ className: record.manual_line && "job-line-manual" }),
      sortOrder:
        state.sortedInfo.columnKey === "line_desc" && state.sortedInfo.order,
      ellipsis: true,