Make notifications framework CSP compliant
Change-Id: I95411f646053d76219908b91e9f0921c17280c28
diff --git a/dev/scss/main/alertify.scss b/dev/scss/main/alertify.scss
index be2f656..3c329b7 100644
--- a/dev/scss/main/alertify.scss
+++ b/dev/scss/main/alertify.scss
@@ -21,4 +21,28 @@
.alertify-log-error {
background-color: $alert-red;
+}
+
+#notifications {
+ display: none;
+}
+
+// TODO:
+// This differs from alertify messages and should be united
+div.notify {
+ position: relative;
+ margin: .5em auto;
+ display: block;
+ padding: .5em;
+
+ border-radius: $standard-border-radius;
+ max-width: 30em;
+ background-color: $alert-red;
+ color: $nearly-white;
+ &.notify-success {
+ background-color: $ids-green-1
+ }
+ &.notify-warn {
+ background-color: $ids-orange-2
+ }
}
\ No newline at end of file
diff --git a/dev/scss/no-js.scss b/dev/scss/no-js.scss
index c5f6410..985ac48 100644
--- a/dev/scss/no-js.scss
+++ b/dev/scss/no-js.scss
@@ -5,6 +5,10 @@
*/
body.no-js {
+ #notifications {
+ display: block !important;
+ }
+
// Aside in noscript mode
aside {
position: relative;