[Glitch] Improve style of notice/alert messages

Port b972478812 to glitch-soc
master
Thibaut Girka 6 years ago
parent e45a6edd65
commit 9f1c9b6135
  1. 13
      app/javascript/flavours/glitch/styles/forms.scss

@ -460,9 +460,20 @@ code {
border-radius: 4px; border-radius: 4px;
padding: 15px 10px; padding: 15px 10px;
margin-bottom: 30px; margin-bottom: 30px;
box-shadow: 0 0 5px rgba($base-shadow-color, 0.2);
text-align: center; 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 { p {
margin-bottom: 15px; margin-bottom: 15px;
} }

Loading…
Cancel
Save