about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/forms.scss
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-10-22 18:20:43 +0200
committerThibaut Girka <thib@sitedethib.com>2018-10-22 18:20:43 +0200
commit9f1c9b6135717535a48be0584dd777c9c8c34d76 (patch)
tree9afc3cadf9e1bbb49a356b1bf28b87e3dd4eb421 /app/javascript/flavours/glitch/styles/forms.scss
parente45a6edd6574c86409333cc64f9fb87e1b0a196e (diff)
[Glitch] Improve style of notice/alert messages
Port b972478812316da2f5c0d24c60386d408e027424 to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/forms.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/forms.scss13
1 files changed, 12 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss
index be2bf7cea..eb94f2273 100644
--- 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;
   }