[Glitch] Improve style of notice/alert messages

Port b972478812 to glitch-soc
6 years ago · 9f1c9b6135
parent e45a6edd65
commit 9f1c9b6135
1 changed files with 12 additions and 1 deletions
--- a/app/javascript/flavours/glitch/styles/forms.scss
+++ b/app/javascript/flavours/glitch/styles/forms.scss
@ -460,9 +460,20 @@ code {
  border-radius: 4px;
  padding: 15px 10px;
  margin-bottom: 30px;
-  box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);
  text-align: center;

+  &.notice {
+    border: 1px solid rgba($valid-value-color, 0.5);
+    background: rgba($valid-value-color, 0.25);
+    color: $valid-value-color;
+  }
+
+  &.alert {
+    border: 1px solid rgba($error-value-color, 0.5);
+    background: rgba($error-value-color, 0.25);
+    color: $error-value-color;
+  }
+
  p {
    margin-bottom: 15px;
  }