edpibu
/
nummi
1
Fork 0
Code Issues 4 Releases Activity

Update messages styling

This commit is contained in:
Edgar P. Burkhart 2023-11-25 11:56:14 +01:00
parent 8dd29be8bf
commit ffc0fa3ce1
Signed by: edpibu
GPG Key ID: 9833D3C5A25BD227
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
nummi/main/static/main/css/main.css
View File

@ -194,3 +194,25 @@ main h2.new {
p { p {
margin: 0.5em 0; margin: 0.5em 0;
} }
ul.messages {
font-weight: 550;
list-style-type: none;
margin: 0;
background: var(--bg-01);
padding: 0;
}
ul.messages li {
padding: calc(var(--gap) / 2) var(--gap);
border-left: var(--border) solid var(--gray);
}
ul.messages li.msg-level-25 {
border-left-color: var(--green-1);
}
ul.messages li.msg-level-30 {
border-left-color: var(--red-1);
}
ul.messages li.msg-level-40 {
border-left-color: var(--red);
}

4
nummi/main/templates/main/base.html
View File

@ -89,8 +89,8 @@
{% endblock %} {% endblock %}
<main id="main"> <main id="main">
{% if messages %} {% if messages %}
<ul> <ul class="messages">
{% for message in messages %}<li>{{ message }}</li>{% endfor %} {% for message in messages %}<li class="msg-level-{{ message.level }}">{{ message }}</li>{% endfor %}
</ul> </ul>
{% endif %} {% endif %}
{% block body %}{% endblock %} {% block body %}{% endblock %}