restyle notification for more clarity

This commit is contained in:
Julie Lenaerts 2022-06-13 13:16:11 +02:00
parent 8e7b8d6eff
commit 93a052583d
2 changed files with 30 additions and 7 deletions

View File

@ -48,19 +48,40 @@ div.notification-show {
}
}
ul.small_in_title {
list-style-type: circle;
// list-style-type: circle;
li {
list-style: none;
margin-bottom: 1rem;
span.item-key {
display: inline-block;
background-color: white;
width: 3em;
font-size: 1.2rem;
}
}
}
}
div.notification-content {
margin: 1.5rem;
p {
margin-bottom: 0.75rem;
width: 93%;
margin: 1.5rem auto 1.5rem auto;
.message {
background-color: #f3f3f3;
line-height: 1.75;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
padding: 1.5rem;
border-radius: 5px;
border-left: $chill-yellow 5px solid;
p:first-child {
margin-bottom: 1rem;
&::before {
content: "";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
display: -webkit-inline-box;
}
}
}
}
}

View File

@ -67,14 +67,16 @@
<div class="notification-content">
{% if c.full_content is defined and c.full_content == true %}
{% if c.notification.message is not empty %}
{{ c.notification.message|chill_markdown_to_html }}
<div class="message">{{ c.notification.message|chill_markdown_to_html }}</div>
{% else %}
<p class="chill-no-data-statement">{{ 'Any comment'|trans }}</p>
{% endif %}
{% else %}
{% if c.notification.message is not empty %}
{{ c.notification.message|u.truncate(250, '…', false)|chill_markdown_to_html }}
<p class="read-more"><a href="{{ chill_path_add_return_path('chill_main_notification_show', {'id': c.notification.id}) }}">{{ 'Read more'|trans }}</a></p>
<div class="message">
{{ c.notification.message|u.truncate(250, '…', false)|chill_markdown_to_html }}
<p class="read-more"><a href="{{ chill_path_add_return_path('chill_main_notification_show', {'id': c.notification.id}) }}">{{ 'Read more'|trans }}</a></p>
</div>
{% else %}
<p class="chill-no-data-statement">{{ 'Any comment'|trans }}</p>
{% endif %}