diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss index 3f7601721..a3f6d6116 100644 --- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss +++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss @@ -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; + } + } } } } diff --git a/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig index 1024d56b3..3ae70c6de 100644 --- a/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig +++ b/src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig @@ -67,14 +67,16 @@
{{ 'Any comment'|trans }}
{% endif %} {% else %} {% if c.notification.message is not empty %} - {{ c.notification.message|u.truncate(250, '…', false)|chill_markdown_to_html }} - + {% else %}{{ 'Any comment'|trans }}
{% endif %}