updated pf libs and fix css for dark theme

netobserv · May 11, 2022 · 0afb138 · 0afb138
1 parent 23bd766
commit 0afb138
Show file tree

Hide file tree

Showing 6 changed files with 160 additions and 91 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -22,10 +22,10 @@
   "devDependencies": {
     "@openshift-console/dynamic-plugin-sdk": "0.0.6",
     "@openshift-console/dynamic-plugin-sdk-webpack": "0.0.6",
-    "@patternfly/react-charts": "^6.51.19",
-    "@patternfly/react-core": "^4.202.5",
-    "@patternfly/react-table": "4.44.4",
-    "@patternfly/react-topology": "4.49.5",
+    "@patternfly/react-charts": "^6.59.2",
+    "@patternfly/react-core": "^4.206.2",
+    "@patternfly/react-table": "4.75.2",
+    "@patternfly/react-topology": "4.53.2",
     "@testing-library/react": "^12.1.2",
     "@types/copy-webpack-plugin": "8.0.1",
     "@types/enzyme": "3.10.x",

diff --git a/web/src/components/netflow-table/netflow-table-row.css b/web/src/components/netflow-table/netflow-table-row.css
@@ -3,11 +3,20 @@ tbody>tr:nth-child(even) {
   background-color: #f5f5f5;
 }
 
+/* fix stripping text color in dark mode */
+tbody>tr:nth-child(even)>* {
+  color: #151515;
+}
+
+tbody>tr:nth-child(even).pf-m-selected>* {
+  color: #fff;
+}
+
 .newflow-appear {
-   background-color: #73bcf755;
+  background-color: #73bcf755;
 }
 
 .newflow-appear-done {
-    background-color: transparent;
-    transition: background-color 5s;
-}
+  background-color: transparent;
+  transition: background-color 5s;
+}