mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-07-17 22:36:14 +00:00
restyle notification for more clarity
This commit is contained in:
parent
8e7b8d6eff
commit
93a052583d
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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 %}
|
||||
|
Loading…
x
Reference in New Issue
Block a user