Fijn

Notification message 

<div class="o-notificationsOverlapBox__content o-notificationRead onhover-trigger">
    <div class="row ">
        <div class="col col-11 d-flex align-items-center">
            <div class="row d-flex align-items-center">
                <div class="mr-3 d-inline-flex">
                    <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-content="">
                        MV

                    </div>

                    <span class="d-inline-flex">
                        <strong class="ml-2 limit-lines-1 align-self-center">Marcella Vonk</strong>
                    </span>
                    <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center ml-2">
                        <div class="a-dotTag__text">18min geleden</div>
                        <div class="a-dotTag__dot rounded-circle bg-blue ml-2"></div>
                    </div>
                </div>
                <div class="notificationContent pr-3 pr-md-4 pb-3 pb-md-4 d-flex flex-column position-relative w-100 ">
                    <span class="mb-2">
                        <div class="d-flex flex-wrap">
                            Jappy @Marcella Ik heb er nog een keer naar gekeken maar ik wil hem toch nog een beetje herzien
                        </div>
                    </span>
                </div>
            </div>
        </div>
        <div class="col col-1 d-flex onhover-display">
            <div class="a-circle -sm -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="bottom" data-trigger="click" data-html="true" title="" data-popover-group="open_close_configuration_menu" data-custom-class="-menu">
                <i class="icon-vertical-dots"></i>

            </div>

            <div class="popover-content">

                <div class='m-popoverMenu'>
                    <div class='dropdown-item'>Naam wijzigen</div>
                    <div class='dropdown-item'>Notitie toevoegen</div>
                    <div class='dropdown-divider'></div>
                    <div class='dropdown-item'>Archiveren</div>
                    <div class='dropdown-divider'></div>
                    <div class='dropdown-item'>Archiveren</div>
                </div>

            </div>

        </div>
    </div>
</div>
 
<div class="o-notificationsOverlapBox__content {% if read %}o-notificationRead{% endif %} onhover-trigger">
    <div class="row ">
            <div class="col col-11 d-flex align-items-center">
                <div class="row d-flex align-items-center">
                    <div class="mr-3 d-inline-flex">
                            {% render '@avatar' %}
                        <span class="d-inline-flex">
                            <strong class="ml-2 limit-lines-1 align-self-center">{{name}}</strong>
                        </span>            
                        {% render '@dot-tag--prepend', {text:time, "color": "blue"} %}
                    </div>  
                    <div class="notificationContent pr-3 pr-md-4 pb-3 pb-md-4 d-flex flex-column position-relative w-100 ">  
                        <span class="mb-2">
                            <div class = "d-flex flex-wrap">  
                                {{text}}
                            </div>
                        </span>     
                    </div>					
                </div>
            </div>            
            <div class="col col-1 d-flex onhover-display">
                    {% render '@circle--configuration-menu' %}             
            </div>            
        </div>
</div>
 
{
  "label": "",
  "circles": false,
  "add_field": false,
  "buttons": false,
  "readonly": false,
  "comment": true,
  "text": "Jappy @Marcella Ik heb er nog een keer naar gekeken maar ik wil hem toch nog een beetje herzien",
  "time": "18min geleden",
  "name": "Marcella Vonk",
  "read": true
}

No notes defined.