Improve style of notice/alert messages (#8973)
This commit is contained in:
parent
7d182442a7
commit
b972478812
|
@ -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,
|
.simple_form,
|
||||||
.table-form {
|
.table-form {
|
||||||
.warning {
|
.warning {
|
||||||
|
|
|
@ -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…
Reference in a new issue