me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Improve style of notice/alert messages

Browse source 
Port ce6772690f to glitch-soc
This commit is contained in:
Thibaut Girka 2018-10-22 18:20:43 +02:00
parent 415822a849
commit 2ecd3d97ba
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/javascript/flavours/glitch/styles/forms.scss
View file

@ -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;
} }