Factor out the CSS code for messages

This commit is contained in:
Martin Pépin 2020-06-08 18:26:04 +02:00
parent c5e0e633e8
commit f6e1f39cff
No known key found for this signature in database
GPG key ID: E7520278B1774448
3 changed files with 39 additions and 41 deletions

View file

@ -1090,47 +1090,6 @@ tr.awesome{
}
/* Messages */
.messages .alert .close {
top:0;
right:0;
}
.messages .alert {
padding:10px 15px;
margin:0;
border:0;
border-radius:0;
}
div.messages div.alert-info {
background-color: #659C94;
}
div.messages div.alert-success {
background-color: #41C342;
}
div.messages div.alert-warning {
background-color: #efa50f;
}
div.messages div.alert-error {
background-color: #e14b4b;
}
div.messages div.alert-info div.container,
div.messages div.alert-error div.container,
div.messages div.alert-warning div.container,
div.messages div.alert-success div.container {
color: white;
}
div.messages div.alert div.container a {
color: inherit;
}
/* Help text */
p.help-block {

View file

@ -14,6 +14,7 @@
<link type="text/css" rel="stylesheet" href="{% static 'fonts/Dosis/dosis.css' %}" />
<link type="text/css" rel="stylesheet" href="{% static 'gestioncof/css/cof.css' %}" />
<link type="text/css" rel="stylesheet" href="{% static 'gestioncof/vendor/font-awesome/css/font-awesome.min.css' %}">
<link type="text/css" rel="stylesheet" href="{% static 'shared/css/messages.css' %}" />
{# JS #}
<script src="{% static 'vendor/jquery/jquery-3.3.1.min.js' %}"></script>

View file

@ -0,0 +1,38 @@
.messages .alert .close {
top:0;
right:0;
}
.messages .alert {
padding:10px 15px;
margin:0;
border:0;
border-radius:0;
}
div.messages div.alert-info {
background-color: #659C94;
}
div.messages div.alert-success {
background-color: #41C342;
}
div.messages div.alert-warning {
background-color: #efa50f;
}
div.messages div.alert-error {
background-color: #e14b4b;
}
div.messages div.alert-info div.container,
div.messages div.alert-error div.container,
div.messages div.alert-warning div.container,
div.messages div.alert-success div.container {
color: white;
}
div.messages div.alert div.container a {
color: inherit;
}