Changed selected styles for deleted rows (#2537)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts

@@ -1459,8 +1459,10 @@ export const objectBrowserExtras = {
 // These classes are meant to be used as React.CSSProperties for TableWrapper
 export const TableRowPredefStyles: any = {
   deleted: {
-    color: "#ACACAC",
-    backgroundColor: "#FDFDFD",
-    fontStyle: "italic",
+    color: "#707070",
+    backgroundColor: "#f1f0f0",
+    "&.selected": {
+      color: "#b2b2b2",
+    },
   },
 };

portal-ui/src/screens/Console/Common/TableWrapper/TableWrapper.tsx

@@ -191,9 +191,14 @@ const styles = () =>
           },
         },
         "& .selected": {
-          color: "#081C42",
           fontWeight: 600,
         },
+        "&:not(.deleted) .selected": {
+          color: "#081C42",
+        },
+        "&.deleted .selected": {
+          color: "#C51B3F",
+        },
       },
       ".headerItem": {
         userSelect: "none",
@@ -646,9 +651,11 @@ const TableWrapper = ({
                         onRowClick={({ rowData }) => {
                           clickAction(rowData);
                         }}
-                        rowClassName={`rowLine ${findView ? "canClick" : ""} ${
-                          !findView && textSelectable ? "canSelectText" : ""
-                        }`}
+                        rowClassName={(r) =>
+                          `rowLine ${findView ? "canClick" : ""} ${
+                            !findView && textSelectable ? "canSelectText" : ""
+                          } ${rowStyle ? rowStyle(r) : ""}`
+                        }
                         onRowsRendered={onRowsRendered}
                         sort={sortConfig ? sortConfig.triggerSort : undefined}
                         sortBy={sortConfig ? sortConfig.currentSort : undefined}