Merge pull request #128 from knoxfighter/Feature/general_mod_fixes

another npm update && fix of red incompatible background

Author: mroote

package.json

@@ -10,7 +10,7 @@
     "watch-poll": "npm run watch -- --watch-poll",
     "build": "npm run production",
     "prod": "npm run production",
-    "production": "webpack --config=webpack.config.js --mode=production --hide-modules",
+    "production": "webpack --config=webpack.config.js --mode=production --hide-modules --progress",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -24,35 +24,35 @@
   },
   "homepage": "https://github.com/mroote/factorio-server-manager#readme",
   "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.3",
     "@babel/preset-react": "^7.0.0",
-    "@fortawesome/fontawesome-free": "^5.2.0",
+    "@fortawesome/fontawesome-free": "^5.6.3",
     "admin-lte": "^3.0.0-alpha.2",
-    "babel-loader": "^8.0.0",
-    "bootstrap": "^4.1.3",
-    "bootstrap-fileinput": "^4.4.9",
+    "babel-loader": "^8.0.5",
+    "bootstrap": "^4.2.1",
+    "bootstrap-fileinput": "^4.5.2",
     "classnames": "^2.2.6",
-    "css-loader": "^1.0.0",
-    "file-loader": "^2.0.0",
+    "css-loader": "^2.1.0",
+    "file-loader": "^3.0.1",
     "jquery": "^3.3.1",
     "locks": "^0.2.2",
-    "mini-css-extract-plugin": "^0.4.1",
-    "node-sass": "^4.9.3",
+    "mini-css-extract-plugin": "^0.5.0",
+    "node-sass": "^4.11.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "prop-types": "^15.6.2",
-    "react": "^16.4.2",
-    "react-dom": "^16.4.2",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
     "react-native-listener": "^1.0.2",
     "react-router": "^4.3.1",
     "react-router-dom": "^4.3.1",
-    "resolve-url-loader": "^2.3.0",
+    "resolve-url-loader": "^3.0.0",
     "sass-loader": "^7.1.0",
-    "semver": "^5.5.0",
-    "sweetalert2": "^7.26.11",
+    "semver": "^5.6.0",
+    "sweetalert2": "^7.33.1",
     "sweetalert2-react-content": "^1.0.1",
-    "webpack": "^4.16.5",
-    "webpack-cli": "^3.1.0",
-    "webpack-fix-style-only-entries": "0.0.3"
+    "webpack": "^4.28.4",
+    "webpack-cli": "^3.2.1",
+    "webpack-fix-style-only-entries": "0.1.0"
   }
 }

ui/scss/customizations/sweetalert.scss

@@ -21,6 +21,13 @@
             height: 2.625em;
             padding: 0.75em;
         }
+
+        table tr.incompatible {
+            background: rgba(255, 68, 68, 0.21);
+        }
+        table tr:nth-child(even).incompatible {
+            background: rgba(255, 0, 0, 0.31);
+        }
     }
 
     .swal2-actions.swal2-loading {

webpack.config.js

@@ -61,7 +61,6 @@ module.exports = (env, argv) => {
                             loader: "css-loader",
                             options: {
                                 "sourceMap": !isProduction,
-                                "minimize": isProduction
                             }
                         },
                         "resolve-url-loader",