treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Improve style of notice/alert messages (#8973)

lolsob-rspec
Eugen Rochko 2018-10-13 01:51:30 +02:00 committed by GitHub
parent c04048aae8
commit ce6772690f
2 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/styles/mastodon-light/diff.scss
View File

@ -286,20 +286,6 @@
}
}
.flash-message {
box-shadow: none;
&.notice {
background: rgba($success-green, 0.5);
color: lighten($success-green, 12%);
}
&.alert {
background: rgba($error-red, 0.5);
color: lighten($error-red, 12%);
}
}
.simple_form,
.table-form {
.warning {

13
app/javascript/styles/mastodon/forms.scss
View File

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