bump for sass level and two small fixes for css

Author: Dave Conway-Jones

CHANGELOG.md

@@ -1,4 +1,9 @@
 
+### 3.2.1: Maintenance Release
+
+ - Fix notification toast class. Issue #776
+ - Fix z-index of dropdown items. Issue #775
+
 ### 3.2.0: Milestone Release
 
  - Fix Cross site scripting for ui_text format input. Issue #772

dist/css/app.min.css

@@ -4918,7 +4918,7 @@ md-input-container.md-input-focused:not([md-no-float]) md-select:not([placeholde
   position: fixed;
   top: 0;
   transform: translateY(-1px);
-  z-index: 99;
+  z-index: 90;
 }
 
 .md-select-menu-container:not(.md-clickable) {

dist/dashboard.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# Time: Fri Sep 09 2022 10:49:21 GMT+0100 (British Summer Time)
+# Time: Wed Oct 05 2022 18:03:56 GMT+0100 (British Summer Time)
 
 CACHE:
 i18n.js
@@ -26,4 +26,4 @@ loading.html
 NETWORK:
 *
 
-# hash: 0d8039fec29b2f46ff5694f84d027076a936f5bd6f9efc0fe4285d0052821e64
+# hash: bbd846b483dc9e1eb6cad1d245c8b4ef0450128aee826b1aed403ec8ec166fa6

dist/js/app.min.js

@@ -19,7 +19,7 @@ var
     gmanifest = require('gulp-manifest3'),
     rename = require('gulp-rename'),
     replace = require('gulp-replace'),
-    sass = require('gulp-sass'),
+    sass = require('gulp-sass')(require('node-sass')),
     uglify = require('gulp-uglify'),
     gutil = require('gulp-util'),
     path = require('path'),

gulpfile.js

@@ -1,6 +1,6 @@
 {
     "name": "node-red-dashboard",
-    "version": "3.2.0",
+    "version": "3.2.1",
     "description": "A set of dashboard nodes for Node-RED",
     "keywords": [
         "node-red"
@@ -87,6 +87,7 @@
     "dependencies": {
         "compression": "^1.7.4",
         "gridstack": "^0.6.4",
+        "node-sass": "~7.0.3",
         "serve-static": "^1.15.0",
         "socket.io": "^4.5.2"
     },
@@ -123,7 +124,7 @@
         "gulp-manifest3": "^0.1.2",
         "gulp-rename": "^1.4.0",
         "gulp-replace": "^1.1.3",
-        "gulp-sass": "^4.1.1",
+        "gulp-sass": "^5.1.0",
         "gulp-uglify": "~3.0.2",
         "gulp-util": "^3.0.8",
         "jquery": "~3.6.1",
@@ -132,6 +133,7 @@
         "less": "^3.13.1",
         "material-design-icons-iconfont": "^6.7.0",
         "moment": "~2.29.4",
+        "node-sass": "^7.0.3",
         "sprintf-js": "^1.1.2",
         "streamqueue": "~1.1.2",
         "svg-morpheus": "^0.3.0",

package.json

@@ -627,7 +627,7 @@ app.controller('MainController', ['$mdSidenav', '$window', 'UiEvents', '$locatio
                         .ariaLabel(msg.ok)
                         .ok(msg.ok)
                 }
-                confirm._options.template = '<md-dialog md-theme="{{ dialog.theme || dialog.defaultTheme }}" aria-label="{{ dialog.ariaLabel }}" >' +
+                confirm._options.template = '<md-dialog md-theme="{{ dialog.theme || dialog.defaultTheme }}" aria-label="{{ dialog.ariaLabel }}" class="' + msg.toastClass + ' >' +
                     '<md-dialog-content class="md-dialog-content" role="document" tabIndex="-1">' +
                         '<h2 class="md-title">{{ dialog.title }}</h2>' +
                         '<div ng-if="::dialog.mdHtmlContent" class="md-dialog-content-body"ng-bind-html="::dialog.mdHtmlContent | trusted"></div>' +