diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-10-22 18:20:43 +0200 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2018-10-22 18:20:43 +0200 |
| commit | 9f1c9b6135717535a48be0584dd777c9c8c34d76 (patch) | |
| tree | 9afc3cadf9e1bbb49a356b1bf28b87e3dd4eb421 | |
| parent | e45a6edd6574c86409333cc64f9fb87e1b0a196e (diff) | |
[Glitch] Improve style of notice/alert messages
Port b972478812316da2f5c0d24c60386d408e027424 to glitch-soc
| -rw-r--r-- | app/javascript/flavours/glitch/styles/forms.scss | 13 |
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; } |