Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-07-18 06:46:11 +00:00
Code Issues Actions Projects Releases Wiki Activity

restyle notification for more clarity

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss
View File

@ -48,19 +48,40 @@ div.notification-show {
} }
} }
ul.small_in_title { ul.small_in_title {
list-style-type: circle; // list-style-type: circle;
li { li {
list-style: none;
margin-bottom: 1rem;
span.item-key { span.item-key {
display: inline-block; display: inline-block;
background-color: white;
width: 3em; width: 3em;
font-size: 1.2rem;
} }
} }
} }
} }
div.notification-content { div.notification-content {
margin: 1.5rem; width: 93%;
p { margin: 1.5rem auto 1.5rem auto;
margin-bottom: 0.75rem; .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;
}
}
} }
} }
} }

4
src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig
View File

@ -67,14 +67,16 @@
<div class="notification-content"> <div class="notification-content">
{% if c.full_content is defined and c.full_content == true %} {% if c.full_content is defined and c.full_content == true %}
{% if c.notification.message is not empty %} {% 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 %} {% else %}
<p class="chill-no-data-statement">{{ 'Any comment'|trans }}</p> <p class="chill-no-data-statement">{{ 'Any comment'|trans }}</p>
{% endif %} {% endif %}
{% else %} {% else %}
{% if c.notification.message is not empty %} {% if c.notification.message is not empty %}
<div class="message">
{{ c.notification.message|u.truncate(250, '…', false)|chill_markdown_to_html }} {{ 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> <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 %} {% else %}
<p class="chill-no-data-statement">{{ 'Any comment'|trans }}</p> <p class="chill-no-data-statement">{{ 'Any comment'|trans }}</p>
{% endif %} {% endif %}